如何消滅inline元素換行產生的空白

2021-07-11 09:25:54 字數 467 閱讀 9516

解決辦法:

1.犧牲html**的可讀性,程式設計時不使用換行。其實這樣做純屬無奈之舉,而且被人重新排版了就不行了。

2.將父級font-size置0,行內元素再恢復字型大小。因為inline元素實際上是沒有width和height而言的,font-size的高度實際上就是元素的高度。

3.利用注釋進行排版,或者使用返回標籤。

item contentli>

item contentli>

item contentli>

ul>

item contentli

>

item contentli

>

item contentli>

ul>

4.利用word-space,將空白字元的間距變為0.

CSS讓inline水平元素換行

提問 你喜歡我哪一點?回答 我喜歡你滾遠一點!提問 你喜歡我哪一點?回答 我喜歡你滾遠一點!a.或許你會浮動的css dt dd但是,浮動這東西是個魔鬼,破壞流體布局,易抽風。實際上,在有些瀏覽器預設基線對齊,文字下沉了 b.或話你會用display run in dt dd經測試上面css,ie8...

inline 行內 元素

兩者之前的轉換 用到語句 display inline block 2.css對文字的控制 接下來,我們討論 text decoration 屬性,這是乙個很有意思的屬性,它提供了很多非常有趣的行為。text decoration 有 5 個值 text transform 屬性處理文字的大小寫。這...

inline 元素的特性

inline不認高寬,不認上下的margin,不認overflow,但可以識別padding和左右方向的margin,也有line height inline屬性的a標籤,span標籤支援margin left與margin right,margin top無作用,而img標籤margin四個方向都...