標籤:

有哪些好方法能處理display:inline-block元素之間出現的空格?

瀉藥。

此乃汗青題目。不難懂白,空缺字元壓縮(whitespacecollapse)是西文排版的肯定結果。SGML、TeX都是云云。不過對付不利用空格作為詞分界的語言,比如東亞語言來說,就造成了題目。以是著實這是行內(inline)的題目(inline-block也是將其本身作為inline,內部作為block),標題大概應修改下。

在CSS控制空缺字元壓縮特性尚未得到廣泛支持之前,可行的步伐有:

1.CSStrick,如設font-size/line-height為0。但此種要領副作用過多,完全不可取。

2.某些元素不寫結束標籤不會孕育產生分外的空缺節點,比如li元素。缺點是不是全部元素都可以用這個要領,且要求利用HTML語法,而不克不及用XHTML語法。

3.特別的標籤寫法,如:

ul

li1/li

li2/li

li3/li

/ul

個人私家以為此種也是削足適履的方法,不發起。

4.刪失空缺。缺點,源代碼排版謀面對困難。



推薦閱讀:

零基礎的前端開發初學者應如何系統地學習?
Adobe Brackets 用來寫 HTML 和 CSS 有什麼優勢和技巧?
Web 前端與演算法的結合點在哪裡?
如何理解 CSS 中的浮動布局方式?最主要的功能是什麼?如何正確地使用它?
淺談margin負值

TAG:CSS |