ボックスを左右方向の中央に寄せる(センタリングする)には、スタイルシートのmarginプロパティを使って、値を「auto」に設定すれば実現できます。 しかし、その方法では左右方向には中央に寄りますが、上下方向には中央には寄りません。(上下のマージンはゼロになるだけです。) 上下方向にも左右方向にも中央に寄せて、ボックスをウインドウの中心に表示させたい場合にはどうすれば良いでしょうか。 今回は、その方法をご紹介いたします。スタイルシートを使えば、簡単に実現できます。 ウインドウの中央にボックスを配置するサンプル 今回ご紹介する方法を使えば、下図のようにウインドウサイズを変化させても、ボックスは常にウインドウの中心に表示されるようになります。