センター配置のスタイルを生成できるサイト「How to Center in CSS」!

2016/05/31

こんにちは。
今回はセンター配置のスタイルを生成できるサイト「How to Center in CSS」!です。

要素を中央配置してくれるコードのジェネレーターを紹介します。

センター配置のスタイルを生成できるサイト「How to Center in CSS」!

How to Center in CSS

how-to-center-in-css

http://howtocenterincss.com/

 

「How to Center in CSS」の使い方

how-to-center-in-css

まずはContentで要素の種類、横幅、高さを選択、又は記述します。
Containerで包括しているdivの横幅と高さを選択、又は記述しますよ。
Alignmentで縦方向,横方向の位置を選択します。
最後にサポートするIEのバージョンにチェックを入れて「GENERATE CODE」のボタンをクリックすると、コードが生成されますよ。

 

いかがでしたか。センター配置はけっこう頻繁に使うので、便利ですね。
以上でセンター配置のスタイルを生成できるサイト「How to Center in CSS」!でした。

topへ戻る