3

ブラウザからズームアウトすると、Web サイトのレイアウトがブラウザ画面の左上に完全に移動しますか?

yahoo.comなどのWebサイトをチェックして、ブラウザからズームアウトするとき。中央に留まります。

4

1 に答える 1

4

この質問はちょっと古いことは知っていますが、他の人にも役立つかもしれません。

レイアウトは左側にくっつきます

中央に配置されていないため、レイアウトが左に固定されていると思います。レイアウトの要素を中央に配置する場合は、次の css コードを使用する必要があります。

.my_element{
  margin: 0 auto;
}

これは、「上下が 0 ピクセル、左右が同量のピクセル」(水平中央) を意味します。

ただし、要素に幅がない場合は、この「トリック」を使用できないことに注意してください。

.my_element{
  margin: 0 auto;
  width: 300px;
}

これはjsfiddleのデモです。この例では、すべての要素が水平方向に中央揃えされています。

しかし、もっとうまくやることができます。この2 番目のデモでは、すべての要素を含むラッパーを追加し、それを中央に配置するだけです。

レイアウトは上にくっつきます

レイアウトを上に固定したくない場合は、最初の div にmargin-topを設定するだけで済みます。これは、この例のラッパーです。

.wrapper{
  margin-top: 20px;
}

英語は私の母国語ではないことに注意してください。間違いがあれば教えてください。

于 2012-08-23T19:17:06.773 に答える