vertical-align－スタイルシートリファレンス
vertical-alignプロパティは、行のなかでのテキストや画像などの縦方向の揃え位置を指定する際に使用します。 vertical-alignプロパティを適用できるのは、インライン要素とテーブルセルです。ブロックレベル要素には適用できません。 ■値 baseline 適用した要素のベースラインを親要素のベースラインに揃える（初期値） top 上端揃え middle 中央揃え bottom 下端揃え text-top テキストの上端揃え（テーブルセルへの指定は無効） text-bottom テキストの下端揃え（テーブルセルへの指定は無効） super 上付き文字（テーブルセルへの指定は無効） sub 下付き文字（テーブルセルへの指定は無効） パーセント（%） その要素のline-heightプロパティの値に対する割合を%で指定（ベースラインが揃った状態を0として、正の値なら上、負の値なら
tableを使わずdivで縦位置を指定 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb
tableのセルでは、vertical-alignを指定することで、縦方向の中心や下揃えで文字列や画像を配置することができますが、divタグの中では通常vertical-alignは適用されません。 画面中央に文字列を配置したい場合など、divでvertical-alignを指定する方法を紹介します。 サンプル tableタグを使用せずに、中央・下部に文字列を配置したサンプルです。 中央に配置 コード（中央に配置） (X)HTML <div class="outer"> <div class="vertical_middle"> <p class="inner">テキスト</p> </div> </div> CSS div.outer { display: table; /* ① */ height: 100px; width: 100%; /* ② */ background: #E3F
CSS の display: table-cell を使って画面中央に要素を配置する - vivid memo
なんらかの要素を画面の中央に配置したい、ということはしばしばあります。 水平方向 (横方向) の中央揃えは CSS の text-align: center を使ったり、ブロック要素ならば margin: auto を使ったりして簡単に実現できますが、垂直方向 (縦方向) の中央揃えはちょっと悩むところです。 昔は table 要素などを使って実現したりしていましたが、表を表示したいわけでもないのに table 要素を使うのはよくないので、ここでは CSS を使って垂直方向の中央揃えを行う方法を説明します。 display: table-cell を使って垂直方向の中央揃えをできるようにする 縦方向の中央揃えをするために CSS を調べていてまず見つけるのは vertical-align プロパティだと思います。 しかしながら、vertical-align プロパティを使って中央揃えを実現
何年経ってもデザインが変わらない製品、洗練された機能美の製品:ハムスター速報
何年経ってもデザインが変わらない製品、洗練された機能美の製品 Tweet カテゴリ☆☆☆☆ 1：名無しさん＠涙目です。(東京都)：2011/04/17(日) 22:19:32.67ID:J2QVVO1N0● http://journal.mycom.co.jp/news/2011/04/14/095/ "羽根のない扇風機"インタビューも収録 - グッドデザイン賞の公式年鑑発売 2010年度のグッドデザイン賞の公式受賞年鑑『GOOD DESIGN AWARD 2010』が、このほど宣伝会議より発売された。 大賞を受賞した「ダイソン エアマルチプライアー」をはじめ、受賞したすべてのデザイン情報が網羅されている。 --- 7：名無しさん＠涙目です。(関東・甲信越)：2011/04/17(日) 22:20:43.56ID:EFgzq5q/O けんちゃんラーメン新発売！ 390：名無しさん＠涙目で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
