0

我用这段代码在中心写：

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;
}
4

7 回答 7

1

你需要的是去除清除和定位，并给它一些宽度和margin: 0 auto;

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

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

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

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

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

于 2012-09-21T07:34:19.343 回答
1

删除此行

float: left;从.pagination span, .pagination a {}

并添加

margin:0 auto在.pagination {}

于 2012-09-21T07:35:19.087 回答
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;
}
于 2012-09-21T08:00:14.597 回答
0

如果你以前内联 CSS 而不是写成

style="text-align:center" 不是这个 align="center"

替换此代码

<div class='pagination' align ='center'>

进入这个

<div class='pagination' style="text-align:center;">

或者 曾经可能是这个 

.pagination{
text-align:center;
}
于 2012-09-21T07:32:51.943 回答
0

您必须将 div 设置为

<div class="pagination" style="text-align: center">

但更好的方法是

<div class="pagination">

并放置“文本对齐：居中；” 到css文件中。也使用 " 而不是 '

于 2012-09-21T07:34:30.787 回答
0

试试这个......也许是你所期望的:)

http://jsfiddle.net/CDcXB/2/

于 2012-09-21T07:34:48.220 回答
0

尝试 .pagination { ...现有规则.... text-align: center; }

还可以查看 Operas 网络标准课程：http ://www.opera.com/company/education/curriculum/

于 2012-09-21T07:34:54.157 回答