li元素的大小不同,第一个和最后一个li元素都有圆角边框,如何使所有li元素具有相同的宽度而没有圆角?
的 HTML:
<div style="margin-left:5px;float:left;width:25px;">
<ul id="paginacao" class="pagination">
<li><a>A</a></li>
<li><a>B</a></li>
<li><a>C</a></li>
<li><a>D</a></li>
</ul>
</div>
CSS:
#paginacao li{
width:40px;
max-width:40px;
}
Bootply:
http://www.bootply.com/KN9RHyoEYc#
答案 0 :(得分:1)
定位a
而不是li元素。
#paginacao li a {
width:40px;
max-width:40px;
text-align: center;
}