有哪些好方法能處理display:inline-block元素之間出現的空格?
03-02
瀉藥。
此乃汗青題目。不難懂白,空缺字元壓縮(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 |