Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Daily Archives: 2015/04/27

[CSS] How to Center in CSS – センタリングに特化したCSSジェネレーター

  • Pocket
  • このエントリーをはてなブックマークに追加

Webページにおいて何かをセンタリングさせたい時に役立つCSSジェネレーター。コード生成はウィザード形式で進めます。まずはセンタリングさせたい対象がテキストなのかDivなのか。ようするにインラインかブロックかって話ですね。次に親要素となるコンテナーの大きさについて。幅と高さが決まってるかどうかを聞かれます。決まってないようだったらUnknownで。最後に水平方向と垂直方向それぞれどこに位置させたいかを決めます。例えば水平方向にはセンターだけど垂直方向では上寄りなど。諸々決まったら「Generate Code」ボタンでコードが生成されます。特に垂直方向のセンタリングってWebだとめんどいっていうか、ちょっとコツがいるので、こういうジェネレーターは便利ですね。