我有以下代码：
nav li{
display: inline-block;
background-color:blue;
width: 70px;
padding: 5px;
}
nav li:first-child, nav li:last-child {
border-radius: 5px;
}<nav>
<li>Home</li>
<li>Work</li>
<li>Contact</li>
</nav>我想删除此右边距。我该怎么做？我试过了：
margin:0
padding:0
没用
这是inline-blocks的常见问题，您应该删除元素之间的空白。
nav li{
display: inline-block;
background-color:blue;
width: 70px;
padding: 5px;
}
nav li:first-child, nav li:last-child {
border-radius: 5px 0 0 5px;
}
nav li:last-child {
border-radius: 0 5px 5px 0;
}<nav>
<li>Home</li><!--
--><li>Work</li><!--
--><li>Contact</li>
</nav>参考：争夺内联块元素之间的空间
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句