ホームページ >ウェブフロントエンド >CSSチュートリアル >垂直配置の application_CSS/HTML を調べる
valign との比較
Xiaoyu マニュアルのvertical-align の説明は、オブジェクト コンテンツの垂直方向の配置を設定または取得することです。よくわからないのは、vertical-align のカテゴリが「属性/テキスト」であることです。
O3noBLOG では、vertical-align と valign の違いを特に強調しています。実際、vertical-align の最も一般的なアプリケーションは次のとおりです。 td 内にあり、内部オブジェクトの位置を制御し、 td の valign 属性に非常に似ています。
valign には、top、baseline、bottom、middle の 4 つのパラメータがあります。比較的言えば、vertical-align も同じ属性値を持ちます。以下は td コントロールの比較です。
td のデフォルトの valign="middle" を回避するには、vertical-align:top; を使用することをお勧めします。もちろん、td を制御するために、vertical-align:middle; を使用することもできます。 div に対しては明らかに無効です。
効果のデモ:
http://www.rexsong.com/blog/attachments/20...1246_valign.htm
align との比較
w3 のヒントに従い、img のコントロールなどのインライン オブジェクトでvertical-align を使用すると、img の align 属性に似たものになります。
align="absmiddle" を使用して画像が完全に中央に配置されるように制御する場合、より明確に確認するために、vertical-align:middle; を使用してみることもできます。
効果のデモンストレーション:
http://www.rexsong.com/blog/attachments/20...41444_align.htm
インライン アプリケーション
はインライン オブジェクトの垂直位置を決定するために使用されます。2 つの例を参照してください:
小さな画像: http://www.rexsong.com/blog/attachments/20.. .ignmenttest.htm
大きな画像:
http://www.rexsong.com/blog/attachments/20...rticalalign.htm