首頁 >web前端 >css教學 >css怎麼清除空白

css怎麼清除空白

王林
王林原創
2021-05-19 15:25:314180瀏覽

css清除空白的方法是,在外層元素上新增屬性font-size,並且將屬性值設為0,同時在內層元素上指定字體具體的大小即可,例如【font-size : 0;】。

css怎麼清除空白

本文操作環境:windows10系統、css 3、thinkpad t480電腦。

如果我們要清除行內元素之間的空白,最好的方法就是在外層元素上設定font-size:0;同時在內層元素上指定字體具體的大小。

font-size 屬性用於設定字體大小。

常用屬性值:

  • smaller    把 font-size 設定為比父元素更小的尺寸。   

  • larger    把 font-size 設定為比父親元素更大的尺寸。   

  • length    把 font-size 設定為一個固定的值。   

  • %    把 font-size 設定為基於父元素的一個百分比值。   

程式碼範例如下:

ul.inline-block-list { /* 比如 ul 或者 ol元素 */  
    font-size: 0;  
}  
ul.inline-block-list li {  
    font-size: 14px; /* 设置具体的字体大小 */  
}  
ul.inline-block-list { /* 比如 ul 或者 ol元素 */
font-size: 0;
}
ul.inline-block-list li {
font-size: 14px; /* 设置具体的字体大小 */
}

為了抵銷外層元素的字體屬性,在內層元素必須指定 font-size 屬性,當然這很簡單。

相關推薦:css影片教學

#

以上是css怎麼清除空白的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn