css清除空白的方法是,在外層元素上新增屬性font-size,並且將屬性值設為0,同時在內層元素上指定字體具體的大小即可,例如【font-size : 0;】。
本文操作環境: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中文網其他相關文章!