當(dāng)前位置：
首頁(yè) >
CSS解决display:inline-block产生的缝隙间隙-代码写在一行 设置字体大小为0 设置负margin
發(fā)布時(shí)間：2024/9/19
99
豆豆
生活随笔
收集整理的這篇文章主要介紹了
CSS解决display:inline-block产生的缝隙间隙-代码写在一行 设置字体大小为0 设置负margin
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
問(wèn)題:行內(nèi)存在空隙
<style type="text/css">ul li{display: inline-block;border: 1px solid #000000;} </style> <body><ul><li>1111</li><li>2222</li><li>3333</li></ul></body>一、書寫的時(shí)候，省略空格
<ul><li>1111</li><li>2222</li><li>3333</li><li>4444</li><li>5555</li> </ul>二、設(shè)置父元素的font-size:0px，然后再設(shè)置各個(gè)子元素的font-size數(shù)值
ul{font-size: 0; } ul li{display: inline-block;border: 1px solid #000000;font-size: 14px; }<ul><li>1111</li><li>2222</li><li>3333</li><li>4444</li><li>5555</li> </ul>三、負(fù)margin方法，需要注意的是這個(gè)間隙跟字號(hào)大小有關(guān)系的，所以間隙不是個(gè)確定值
就是后面的元素向前推進(jìn)? 把間隙給隱蔽掉?
總結(jié)
以上是生活随笔為你收集整理的CSS解决display:inline-block产生的缝隙间隙-代码写在一行 设置字体大小为0 设置负margin的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 微信还信用卡失败退款要多久
- 下一篇： CSS的display:none与vis