垂直分页,使li元素宽度相同?

时间:2014-11-10 15:39:05

标签: twitter-bootstrap twitter-bootstrap-3

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#

1 个答案:

答案 0 :(得分:1)

定位a而不是li元素。

#paginacao li a {
    width:40px;
    max-width:40px;
    text-align: center;
}
相关问题