0

Foo.html:

<!DOCTYPE html>
<head>
    <link rel="stylesheet" type="text/css" href="testStyle.css" />
</head>
<body>
    The appearance of the text is good.  This image should be centered, but it isn't:
    <img class="centerblock" src="ice cream cone and dish.png" width="320" height="200"></img>
</body>

TestStyle.css:

body {margin-left:30px;}
body {margin-right:30px;}
.centerblock {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

結果：

ここに画像の説明を入力

4

1 に答える 1

1

試す：

.centerblock {
position:fixed;
top:10px;
left: 10px;
}

多分それは助けになるかもしれませんが、あなたが電話を回した場合に何が起こるかはわかりません.

そのメイン コンテンツ エリアをディスプレイの端に合わせて作成し、各要素のすべての整列プロパティを定義します。

次のことを行うのは決して賢明ではありません。

body {margin-left:30px;}
body {margin-right:30px;}

オプションもあります：

.main-container {
margin: 0 auto;
}

それもすべてのコンテンツを中心にしていますが、問題は解決しないと思います。

于 2012-10-30T04:33:27.697 に答える