0

tumblr ブログのヘッダーを中央に配置したいのですが、私のテーマが少し奇妙だったので、すべてを少し右に寄せただけでしたが、ズームアウトすると左のままだったので、すべてを中央に配置しましたが、ヘッダーはまだ少し左に寄っています。

私のブログはhttp://lifes-good-but-homework-sucks.tumblr.com/ (ソースを確認できます)

しかし、これは私が編集する必要があるビットだと思います

div#header{
z-index:555;
float:center;
background-color:transparent;
width: 920px;
height: auto;
margin-top: 30px;
margin-left: 0px;
padding: 30px;
float:center;
text-align: center;}
4

1 に答える 1

1

ヘッダーが画像の幅に対して小さすぎるため、画像はヘッダーを超えて右に伸びます。ヘッダーは技術的に中央に配置されていますが、コンテンツは結果としてではありません（右側にオーバーフローします）。ヘッダー要素の幅を削除すると、コンテンツを折り返すために自動的に拡張されます。

画像をヘッダーで適切にラップしたら、次の手順を実行してヘッダーdivを中央に配置します。

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

これにより、ブロック要素が自動的に計算されて中央揃えになります（ブロック要素に適用してインライン要素を中央揃えにするtext-align centerとは対照的です）

これで、適切に中央に配置されます。

于 2013-03-22T21:11:53.907 に答える