インライン ボックスの位置と中央揃えの問題は、ブラウザがズームされているときのボックスのレイアウトには影響しません_html/css_WEB-ITnose

問題の説明: 上の図を見ると、一見、レイアウトにフロートを使用することを考えるかもしれませんが、ブラウザでデバッグやスケーリングを行うと、「Hello China」ボックスが自然に並びます。では、良好と中程度の中間位置が常にブラウザの中央になるように適応させるにはどうすればよいでしょうか?

このケースは、知識ポイントに適用されます: 相対位置、絶対位置、ボックスの中心合わせ

次に、中心合わせの問題を要約します:

1. ボックスを絶対に配置します。親ボックスの相対値、left=50%、ボックスを移動させます、Margin-left:

-

その幅の半分。

2. 垂直方向のセンタリング:

親ボックスを基準にしてボックスを絶対に配置します。ボックスを移動させます。マージン-トップ:

-

自身の高さの半分です。