1

画像を水平方向に中央揃えしようとしています。ただし、ページの左側から移動しません。私の場合、この答えはうまくいきません。私は何を間違っていますか？

#container {                
        width: 100%;        
        border: 2px yellow dashed;
        height: 100px;
}

#profile-image img{
    margin-left: auto;
    margin-right: auto;
    border: 2px orange solid;
}

マイページ:

<div id="container">
            <div id="profile-image">
                <p><img src="<?php echo $data['profile_image_url'];?>" alt="me"></p>
            </div>
4

4 に答える 4

1

なぜこれが機能しないのですか？

#profile-image p { text-align: center; }
#profile-image img { display: inline; }

そうすれば、幅を指定する必要はありません..マージンを一緒に動作させたい場合は、代わりにtext-align: center必要になりますinline-block：

#profile-image p { text-align: center; }
#profile-image img { display: inline-block; }
于 2013-08-02T19:09:15.970 に答える