首頁  >  文章  >  web前端  >  css怎麼消除塊元素

css怎麼消除塊元素

coldplay.xixi
coldplay.xixi原創
2021-03-17 17:23:463471瀏覽

css消除塊元素的方法:先把【inline-block】元素的父元素的font-size設為0,【letter-spacing】和【word-spacing】設為負數;然後再在【inline-block】元素中把這幾個值恢復正常即可。

css怎麼消除塊元素

本教學操作環境:windows7系統、css3版,DELL G3電腦。

css消除區塊元素的方法:

把inline-block元素的父元素的font-size設為0,letter-spacing和word-spacing設為負數,然後再在inline-block元素中把這幾個值恢復正常即可。

ul{
font-size:0;
letter-spacing:-4px; /*实际情况下 -4这个值可能还要调整*/
word-spacing:-4px; /*实际情况下 -4这个值可能还要调整*/
}
ul li{
display:inline-bolck;
zoom:1;
font-size:12px;
letter-spacing:normal;
word-spacing:normal;
}

相關學習推薦:css教學

#

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

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