CSS解决display:inline-block产生的缝隙间隙-代码写在一行 设置字体大小为0 设置负margin
生活随笔
收集整理的這篇文章主要介紹了
CSS解决display:inline-block产生的缝隙间隙-代码写在一行 设置字体大小为0 设置负margin
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
問題:行內存在空隙
<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>一、書寫的時候，省略空格
<ul><li>1111</li><li>2222</li><li>3333</li><li>4444</li><li>5555</li> </ul>二、設置父元素的font-size:0px，然后再設置各個子元素的font-size數值
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>三、負margin方法，需要注意的是這個間隙跟字號大小有關系的，所以間隙不是個確定值
就是后面的元素向前推進? 把間隙給隱蔽掉?
總結
以上是生活随笔為你收集整理的CSS解决display:inline-block产生的缝隙间隙-代码写在一行 设置字体大小为0 设置负margin的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 微信还信用卡失败退款要多久
- 下一篇： 数字人民币对国家有什么影响 是金融货币的