vertical-align インラインボックス : css

投稿日 : 2008年6月12日 | 更新日 : 2010年09月15日 前のページへ戻る

vertical-alignプロパティは行ボックス内のインラインボックスや表のセルの垂直配置を指定するプロパティです。 表のセル要素以外に設定できるのはインライン要素であることに注意する。ブロックレベル要素には設定できない。

vertical-alignプロパティのセルへの指定

	top
	middle
	bottom

/* CSS */
.vAlignTop {
	 vertical-align: top;
}
.vAlignMiddle {
	vertical-align: middle;
}
.vAlignBottom {
	 vertical-align: bottom;
}

<!-- HTML -->
<table>
<tr>
<td><img src="画像パス" alt="画像" /></td>
<td class="vAlignTop">top</td>
</tr>
<tr>
<td><img src="画像パス" alt="画像" /></td>
<td class="vAlignMiddle">middle</td>
</tr>
<tr>
<td><img src="画像パス" alt="画像" /></td>
<td class="vAlignBottom">bottom</td>
</tr>
</table>

インライン要素への設定

ベースライン    ボトム

.para {
	line-height: 40px;
}

CSS | 固定リンク | Comments (0)

関連記事

関連記事は見つかりませんでした。
検索ボックスからの検索もお試しください。

このページの上へ移動

このページの上へ