1

我在一个站点中有以下代码，但无法将所有内容集中在主 div （rightBarItems）中：

<div class="rightBarItems">
<?php
echo "<div class='similarTitle'>YOU MAY ALSO LIKE</div>";
while ($row3 = $result3->fetch())
{
echo "<div class='similarItems'>";
echo "<a href='items_descr.php?itemId=".$row3[id_item]."'><img class='similarImage' src='images/{$row3[thumb1]}.jpg'></img>";
echo "<div class='similarItemsText'>".$row3[name]."</div></div>";
}
?>

然后，这是我的CSS：

    .similarTitle {
    font-family:"Century Gothic","Trebuchet MS",Helvetica,Arial,sans-serif;
    font-size:15px;
    text-transform:uppercase;
    color:#3E3E3E;  
    }
.rightBarItems
{
margin: 0 auto;
width: 168px;
background: #F3EFE2;
padding: 10px;
float: right;
text-align: center; 
height: 300px;
}
    .similarItems { 
    float: left;
    text-align:center;
    margin: 0 auto;
    padding: 5px;
     }
    .similarItemsText { 
    padding-right: 11px;
    margin: 0 auto;
    font-family: verdana,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #666;
     }
     #similarImage {
     margin: 0 auto;

     border: 1px solid gray;
     float: left;
     }

并非一切都集中...有什么帮助吗？谢谢！！* 添加一些我忘记放的额外 CSS

4

4 回答 4

2

采用：

text-align:center;

对于所有这些 CSS 类：rightBarItems, similarTitle, similarItemsText, similarImage.

于 2012-12-25T19:18:59.390 回答
1

在 CSS 中试试这个

.rightBarItems{  text-align:center ; }

或者

.rightBarItems > div { margin-left:auto ; margin-right:auto; }
于 2012-12-25T19:17:06.643 回答
1

float:right从 rightBarItems div 中删除样式。

于 2012-12-26T09:49:45.943 回答
0

好吧，首先，每个类都有不同的填充值，这样首先会阻止它们对齐。

如果您可以在文本之间留一个段落空间，那么align=center应该使用段落标签而不是修复整个 CSS 代码。

<p align="center"> Centered Text </p>
于 2012-12-25T19:29:02.573 回答