移除行塊級元素之間的空格(譯文)

2021-08-11 01:27:55 字數 691 閱讀 9456

引言

我現在仍然記得作為乙個ie6時代的初級開發者拼命的渴望ie擁有display: inline-block;這個屬性。當我們想控制間距和填充在inline元素兒不用block and float的時候,inline-block這個屬性是及其的有用。

然而,使用inline-block的時候有乙個問題,視覺上兩個元素之間會出現空白。

有很多辦法移除這些惱人的空白

方法 0

唯一乙個百分之百解決這個問題的方案是這樣:不要在這些元素的原始碼之間出現空白。

type=

"text/css"

>

ul,li

listyle>

itemli>

itemli>

itemli>

ul>

下面是效果:

當然了,這個維護起來比較麻煩,但他很實用、和邏輯,最重要的是比較可靠。

方法 1

行級元素 塊級元素

一.元素分類 行間元素 inline span,strong,em,a,del 塊級元素 block div,p,h1 h6,ul,ol,li,form,address 行塊級元素 inline block img 1.行間元素 內容決定元素所在位置,不可以通過css改變寬高。1234 設定的寬高無...

html css 行級元素,塊級元素

偽選擇器 hover 行級元素 內聯元素 feature 1.內容決定所站位置 2.不可以通過css改變寬高 display inline 代表元素 span strong em a del 塊級元素 feature 1.獨佔一行 2.可以通過css改變寬高 display block 代表元素 d...

行級元素和塊級元素

1.行級元素和塊級元素區別 行級元素 不能設定寬高,水平分布。塊級元素 能設定寬高,垂直分布。2.常見行級元素,塊級元素 行級元素 span,a,i 斜體 b 加粗 strong 與b類似,但strong只加粗,b還有重點的意思 不要提及img標籤!該標籤類似於行級塊元素,一行可以放好多,但可以設定...