Home > デザイン

デザイン Archive

CSSで縦のセンタリング

プロモーション用のページを作るときにCSSを調べたところ

縦のレイアウトでセンタリングする方法がいくつかありましたが

下記の はじめてのブログデザインさんのサイトの方法が

一番良かったので紹介させていただきます。

http://hajimetedesign.blog77.fc2.com/blog-entry-29.html

div.tate {



 width : 400px;



 height : 50px;/*ボックスの高さ*/



 line-height : 50px;/*縦のセンタリングの為に指定*/



}
このようにline-heightを高さ設定と合わせると

ブラウザごとを考慮したCSSを設定することなくセンタリングされます。

po-popo.comのコンテンツフッタの部分は

この方法でセンタリングしています。

Home > デザイン

iPhone App


Tonkatsu Camera


Signage A


SwitchTalk Lite
リンク
検索
rocketparc.com
便利検索
Amazon検索
ページ
最近の投稿
カテゴリー
アーカイブ
検索
フィード
メタ情報

Return to page top