我有以下html
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
和css
li {
display: inline-block;
padding: 10px;
border: 1px solid red;
margin: 0;
}
我试图通过设置margin：0;来删除li元素中的边距.但它并没有消除保证金
我该如何删除它
解决方法
将所有lis组合在一条线上可以解决问题.但是,如果您想了解更多可以访问这些边距的技术,请访问：
http://davidwalsh.name/remove-whitespace-inline-block.
它列出了这些技术：
1.元素之间没有空间
<ul><li>Item content</li><li>Item content</li><li>Item content</li></ul>
2.字体大小：父级为0
.inline-block-list { /* ul or ol with this class */
font-size: 0;
}
.inline-block-list li {
font-size: 14px; /* put the font-size back */
}
3. HTML评论
<ul> <li>Item content</li><!-- --><li>Item content</li><!-- --><li>Item content</li> </ul>
4.负保证金
.inline-block-list li {
margin-left: -4px;
}
5.降低闭合角度
<ul> <li>Item content</li ><li>Item content</li ><li>Item content</li> </ul>
