在中心书写

Question

我使用以下代码在中间编写代码：

echo "<div class='pagination' align ='center'>";

但它仍然显示在左侧。我怎样才能在中间写。

下面是css中用于分页的代码：

    <div class='pagination' text-align:center>
 <span class='current'>1</span>
</div>
.pagination {
clear:both;
padding:20px 0;
position: relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float: left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

Answer 1

试试这样的东西

.pagination span, .pagination a {
    background: none repeat scroll 0 0 #555555;
    color: #FFFFFF;
    display: inline-block;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px;
    text-decoration: none;
    width: auto;
}

.pagination {
    clear:both;
    padding:20px 0;
    position: relative;
    font-size:11px;
    line-height:13px;
    text-align:center;
}

Answer 2

你需要做的就是去掉clear和定位，并给它一些宽度和margin: 0 auto;

.pagination {
padding:20px 0;
font-size:11px;
line-height:13px;

    width: 50%;
    margin: 0 auto;
    text-align: center;
}​

这告诉分页器容器两边的边距相等，因此它将在其父元素中居中。请注意，父级也需要定义的宽度，它不能

html的align属性已被deprecated since HTML 4.01，因此在CSS中使用text-align: left/right/center;。

http://jsfiddle.net/Kyle_Sevenoaks/S8QYy/

Answer 3

删除此行

来自.pagination span, .pagination a {}的float: left;

并添加

.pagination {}中的margin:0 auto