问题:行内存在空隙
<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方法,需要注意的是这个间隙跟字号大小有关系的,所以间隙不是个确定值
就是后面的元素向前推进 把间隙给隐蔽掉