块级元素怎么挨在一起

Question

接到一个需求，实现下面的样式：

但是不知道怎么把红框里面的紧挨着放。
我现在做成了这样的：问什么元素之间有空隙，不挨着呢

我的html是这样的：

我在网上看到可以把第二个li标签margin-left设置为负的，但这样的话宽度一变就不行了。
请前辈指教。

Answer 1

对ul应用font-size: 0试试
前提是li的font-size不是以em为单位

Answer 2

如何解决inline-block元素的空白间距

Answer 3

设置父级元素的font-size为0，不能用margin-left负值，因为不同浏览器设置的负值也不一样，这也是我经历过的坑

Answer 4

li{
    display:inline-block
}

最可能的原因是空格的问题

简单粗暴的方式、把标签之间的空格删掉可以试一下如下：

<li>111</li><li>222</li>

Answer 5

把样式表贴出来看看

Answer 6

你可以参考下这个，说了很多种方法

css tricks: fighting-the-space-between-inline-block-elements

Answer 7

多看看张鑫旭的博客去除inline-block元素间间距的N种方法

Answer 8

应该是两个Li元素中夹了空格、换行（主要原因是换行）； 再注意一下Css里面的margin，应该就没问题了；

Answer 9

ul li的样式是list-style 改成block，再去掉margin padding就好

Answer 10

两个"li"放一行，中间不要有空格例：
`<ul>

 <li>123</li><li>123</li>

</ul>`
，然后加属性“display:inline-block”就好了