1

ロゴ付きの画像を1つだけ保持するプレースホルダー（作成中）サイトがあります。私は水平方向にマージンに合わせました：0自動。しかし、どうすれば画像をさらに水平方向に揃えることができますか。または一文で：画像を完全に集中させるにはどうすればよいですか。

ライブを見るにはここを見てください：フィドル

よろしく、ボードー

編集：1：2（高さから幅）の画像の場合：

#wrapper img
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 799px;
    height: 404px;
    margin: -202px -399px 0;
    border: 1px solid black;
}

リンクされたスレッドのように:)

お手伝いありがとう

4

3 に答える 3

1

これでできます

img#logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
}

http://jsfiddle.net/DxByM/

于 2012-05-09T11:47:28.260 に答える
1

うーん..試してみましたか？

<div class='placeholder'>
   <img src='../images/myimage'>
</div>

そしてそのマークアップのcss

.placeholder
{
position : absolute;
top : 50%;
left : 50%;
width : 200px; /* Width of the image in question */
height : 200px;/* height of the image in question */
margin : -100px 0px 0px -100px;
}

これにより、画像がページの真ん中に表示されます。

于 2012-05-09T11:48:07.167 に答える
0

次のルールで画像を保持する div を用意します。

margin-left: auto;
margin-right: auto;
margin-top:200px;  <!-- Will depend on your image -->
width:[your-image-width]px;

画像を中央に配置します

于 2012-05-09T11:43:55.640 に答える