1

誰かが私を助けてくれるなら、これを理解するのに苦労しています。本当に感謝しています! :)

基本的に、HTML5 を使用してレスポンシブ Web サイトを構築している、または構築しようとしているのですが、すべてが必要な方法で構成されていますが、1 つのことが間違っていて、それを修正する方法がわかりません。

すべてのセクションに 1000px の最大幅を設定し、すべてのセクションは通常、margin: 0 auto; を使用して中央に配置されています。しかし、セクション内のすべての記事はまだ左揃えですか?

を使用して記事タグのグローバルルールを設定してみました

article { margin: 0 auto; }

しかし、これはうまくいかなかったので、何が起こっているのか知っている人はいますか? ここに私が何を意味するかを示すフィドルへのリンクがあります: http://jsfiddle.net/DannyW86/9YYNR/1/

これはブラウザでの表示方法のスクリーン グラブです。アイコンの付いた 3 つの記事が上のテキストの下の中央に配置されていないことがはっきりとわかります。

ここに画像の説明を入力

4

1 に答える 1

2

margin: auto;要素が隣り合って配置されている場合、要素を中央に配置することはできません。

次のようなものを試してください: http://jsfiddle.net/leo/LzKTy/

(!!): display: table;#boxcontent に追加した-attributeと、 article に追加したdisplay: table-cell;-attributeに注意してください

于 2013-12-07T20:16:27.750 に答える