css解决display:inline-凯发k8官方网

问题:行内存在空隙

• 1111
• 2222
• 3333

一、书写的时候，省略空格

• 1111
• 2222
• 3333
• 4444
• 5555

二、设置父元素的font-size:0px，然后再设置各个子元素的font-size数值

ul{font-size: 0; } ul li{display: inline-block;border: 1px solid #000000;font-size: 14px; }

• 1111
• 2222
• 3333
• 4444
• 5555

三、负margin方法，需要注意的是这个间隙跟字号大小有关系的，所以间隙不是个确定值

就是后面的元素向前推进  把间隙给隐蔽掉

 

总结

以上是凯发k8官方网为你收集整理的css解决display:inline-block产生的缝隙间隙-代码写在一行 设置字体大小为0 设置负margin的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。