2

http://led.dlugosz.com/でページを表示できます。※</sup> 「ギャラリー」セクションを左寄せではなく、利用可能なスペースの中央に配置したい。

ということで、ルール追加

margin-left: auto;
margin-right: auto;

そして、それはうまく機能しているように見えました。しかし、別のページで同じことを行ったところ、まったく機能せず、違いがわかりません。次に、このページをもう少しいじってみると、さまざまなウィンドウ幅で機能する、機能しない、または非常に奇妙なことがわかります。何が起きてる？さらに言えば、どうすればこの効果を達成できますか?

※ページを更新し、最終的に削除しました。

4

6 に答える 6

3

margin auto は、固定幅のすべてのケースで機能しました。それ以外の場合は使用します

http://css-tricks.com/centering-in-the-unknown/

于 2013-02-12T06:39:14.693 に答える
2

代わりにこれを使用して、

.wrap {width: 980px; margin: 0 auto;}

div class="wrap" は、中央に配置する場所です。

于 2011-04-02T00:21:05.497 に答える
2
  • #main_colに追加margin-right: 20.5em- これは右側のサイドバーと同じ( width)18emで、余白が少し増えます。
  • で、プロパティ#main_col h2を削除しmargin-rightます。
  • で、プロパティ#main_col div > *を削除しmargin-rightます。
  • で、とプロパティ#galleries ulを削除し、 を追加します。margin-leftmargin-rightdisplay: inline-block
  • に#galleries、 を追加しtext-align: centerます。
  • と#main_col h2に#galleries ul li、 を追加しtext-align: leftます。

Firefox のみでテスト済み。

于 2011-04-02T00:25:14.017 に答える
1

margin-left プロパティと margin-right プロパティがその要素に割り当てられていることを確認するために、他のページで Firebug を使用しましたか? 優先度の高い CSS ルールによって上書きされた可能性があります。

于 2011-04-02T00:21:32.543 に答える