您好在下面的代码中如何将空间划分为所有的iteams列表,并且它应该是中心的。 除了家庭如何划分3个相等部分如何在html中划分3个相等部分li
预计产量: 网站首页|关于|服务
#section ul {
\t width: 1050px;
\t margin: 1px auto 0 auto;
\t height: 50px;
\t padding: 0;
\t float: relative;
\t border-style: solid;
border-width: 1px;
\t background-color: #556B2F;
}
#section ul li {
\t position: relative;
\t list-style-type: none;
display: inline;
}
#section li:before {
\t content: " | ";
}
#section li:first-child:before {
content: none;
}
<div id="section">
\t <ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Service</a></li>
</ul>
</div>
这是我的代码 – user 2015-02-23 11:57:58
你只是想为中心的链接或做你想让他们宽度相等吗?如果只是居中,那么我会从ul中删除'float:relative'(相对不是float的有效值),并添加'text-align:center',否则我会去Paulie的解决方案 – Pete 2015-02-23 12:00:57