0

こんにちは、私はすべてを試したので、誰かがこれを手伝ってくれますか。

「ラッパー」と呼ばれる div 内のセンターのコンテンツを揃えようとしています。

私が何をしても、コンテンツはページの中央に配置されません。誰かが私を助けてくれることを願っています。

CSS:

body {
        font-family:Arial, Helvetica, sans-serif; 
        font-size:medium; 
        color:#3f3f3f; 
        background:#26265d; 
        padding:0; 
        margin:0;
        text-align:center;
    }

.wrapper {width:100%; overflow:hidden; margin:auto; display:block; text-align:center;
     position:relative; margin-left:auto;
margin-right:auto;


}

html:

<div class="wrapper">
<?php include("includes/mod_home/mod_newest.php"); ?>
</div>

php ページ:

<?php
        $newest_set = get_newest_member();
        $newest_count = mysql_num_rows($newest_set);
        while ($newest = mysql_fetch_array($newest_set)) {
        $strn = "".$newest['display_name']."";
        $max = 13;
        if(strlen($strn) > $max) {
        $strn = substr($strn, 0, $max) . '...'; } 
$photo = "../data/photos/{$newest['id']}/_default.jpg";

if (!file_exists($photo)) {
    $photo = "../data/photos/0/_default.jpg";
}

            echo"
            <div class=\"mod_newest_image\">
            <a href=\"profile.php?id={$newest['id']}\"><img width=95px src=\"".$photo."\"/></a>

            </div>";

    }
    ?>


<style>

.new_text{
    color:#373775;
    position:absolute;
}
.mod_newest_image img{
    border:2px solid #6f6f6f;
    -moz-box-shadow: 0px 0px 5px #CCC;
    -webkit-box-shadow: 0px 0px 5px #CCC;
    box-shadow: 0px 0px 5px #CCC;
    width:95px;
    height:120px;
    display:block;
 float:left;
 position:relative;
 margin:3px;

 }
</style>
4

2 に答える 2

1

margin: 0 auto; で中央に配置しようとしている場合、ラッパーの幅を 100% にすることはできません。ラッパーを機能させるには、100% 未満の値を指定する必要があります。

.wrapper {width:1000px; overflow:hidden; margin: 0 auto; }
于 2013-04-25T19:14:35.820 に答える