ホームページ  >  記事  >  ウェブフロントエンド  >  垂直配置の application_CSS/HTML を調べる

垂直配置の application_CSS/HTML を調べる

WBOY
WBOYオリジナル
2016-05-16 12:10:541675ブラウズ

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 に対しては明らかに無効です。 垂直配置の application_CSS/HTML を調べる
効果のデモ:
http://www.rexsong.com/blog/attachments/20...1246_valign.htm

align との比較

w3 のヒントに従い、img のコントロールなどのインライン オブジェクトでvertical-align を使用すると、img の align 属性に似たものになります。
align="absmiddle" を使用して画像が完全に中央に配置されるように制御する場合、より明確に確認するために、vertical-align:middle; を使用してみることもできます。



つまり、実際の絶対的な中央揃えは align="absmiddle" であり、CSS を使用して置き換えることはできません。

垂直配置の application_CSS/HTML を調べる効果のデモンストレーション:

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。