0
<div id="logo" style="center"><img src="logo1.png"></img></div><br><br><br><br><br><br><br></div>

これは機能しません。divのスタイルの問題は何ですか?構文が間違っていると確信しています。

4

4 に答える 4

3
  1. 「センター」はスタイルではありません。あなたはおそらく探していtext-align: centerます。

  2. 画像は改行のように自己閉鎖します。は使用しません</img>

  3. </div>行の終わりに予備のクロージングがあります。そのうちの1つを削除する必要があります。どの場所に配置するか、わかりません。

<div id="logo" style="text-align: center"><img src="logo1.png"></div><br><br><br><br><br><br><br>
于 2012-07-27T04:47:55.363 に答える
2

そのようにdivでスタイルを定義することはできません。代わりに、cssでdivプロパティを定義し、cssのクラスまたはIDを呼び出すことができます。

于 2012-07-27T04:46:41.690 に答える
1

要素を中央に配置する最良の方法は、おそらくその幅を指定し、サイドマージンをautoに設定することです。

たとえば、logo1.pngの幅が570ピクセルの場合、cssで次のようにします。

#logo{
    margin:0px;
    margin-left:auto;
    margin-right:auto;
    width:570px;
}
于 2012-07-27T04:59:13.930 に答える
1

これを試して。divを機能させるには、以下に示すようにdivの幅を設定する必要があります。div内のテキストが中央に配置されるように指定するには、style = "text-align:center"を適用するだけです。

<div id="logo" style="margin-left: auto; margin-right: auto; width: 500px; border: 1px solid #ff0000">Your content here....</div>

注:500pxの幅を希望の幅に設定してください。また、border:ディレクティブを削除します。DIVが中央に配置されていることがわかるように追加しました。

フィドル

于 2012-07-27T04:48:01.963 に答える