我正在创建一个带有 ul li 标签的菜单栏,链接要靠在一起,我如何让它们在链接之间有更大的空间?
最佳答案
给 li 元素留边距 ...
<nav>
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Gallery</span></a></li>
<li class="last"><a href="#"><span>Map</span></a></li>
</ul>
</nav>
<style>
li{
display:inline-block;
background:blue;
width:100px;
height:20px;
text-align:center;
margin-right:15px; /* edit this margin to separate your elements*/
}
a{
text-decoration:none;
color:black;
display:block;
}
.last {margin-right:0px;}
</style>
您可以从最后一个元素中删除边距,例如 top 或使用 jQuery 或使用 css li:last-child, li:nth-child(3) ...但最好的方法是使用 jQuery 或类,因为它是 sup。在所有浏览器中
关于css - 如何在 ul li 标签内的标签之间获得更多空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17682092/