0

以下のコードは、mozilla と Internet Explorer では機能しませんが、Google chrome では正しく機能します。wordpress サイトのホームページの index テンプレートでコードを使用しました。

コード：

<h1>
    <div  style=" background: #808080;" align="center" >
    Welcome to Braddocks blog. Free dating advice from a world famous Dating Coach!
    </div>
</h1>

何が問題なのか教えてください。

4

3 に答える 3

2

<div>内部では無効です<h1>。代わりに、必要な属性をヘッダーに適用するだけです。

<h1 style="background: #808080; text-align: center;">Welcome to...</h1>
于 2012-07-19T02:37:59.227 に答える
0

div と h1 はすべてブロック レベルの要素です。div の外側に h1 を追加する必要はありません。次のようにしてください。

<div  style="display:block; background: #808080;text-align:center;">
    Welcome to Braddocks blog. Free dating advice from a world famous Dating Coach!
</div>
于 2012-07-19T02:42:50.907 に答える
0

Firefox で問題なく動作します。しかし、前の答えは正しいです。h1 は div 内にある必要があります (seo の場合、h1 はページごとに 1 つだけにする必要があります)。text-align:centerdiv と div でaを実行しmargin: 0 autoて、div を中央に配置します。h1 内のテキストを左揃えにする場合は、h1 に atext-align: leftを配置します。インライン スタイリングはお勧めしません。

<div style="background: #808080; text-align: center; margin: 0 auto;" >
    <h1>Welcome to Braddocks blog. Free dating advice from a world famous Dating Coach!</h1>
</div>
于 2012-07-19T02:43:54.913 に答える