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:rightrightBarItems div からスタイルを削除します。

于 2012-12-26T09:49:45.943 に答える
0

まず、クラスごとに異なるパディング値があるため、最初にそれらが整列するのを防ぎます。

テキスト間に段落スペースを残しても問題ない場合は、align=centerCSS コード全体を修正するのではなく、段落タグを使用する必要があります。

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