一、垂直ALIGN
指定された行に垂直に整列テーブル内のセル要素または要素の垂直配向であります
垂直-alignプロパティは、両方の環境で使用することができます。
- コンテナエレメント列ラインように垂直にそれと整列ボックスモデル要素。テキストの垂直方向に整列ラインでの写真の<img>
- 表のセル内容の垂直配向:
注:垂直整列のみインライン要素、表のセル開始要素:ブロックレベル要素ではないそれと垂直配向に
<!DOCTYPE HTML> <HTML> <スタイル> .bg { 背景 - 色:水色。 ボーダー:黒ベタ1ピクセル。 } .bgスパン{ 背景 - 色:ライトグリーン。 } </スタイル> </ HEAD> <BODY> <divのクラス = " BG " > <IMG SRC = " hello.jpg " ALT = "" > <スパンクラス = " SPAN1 " > ABC </ span>の <> ABC </ span>を </ div> </ BODY> </ HTML>
1行のインライン要素が順に配置されたが、外側のdivは、背景色と境界問題を追加する際に見出され
絵以下起因デフォルトベースラインでimg要素の垂直ALIGN属性にある、空白表示されたベースラインおよびベースライン要素の親要素のベースラインを意味する親要素の文字のベースラインを揃えるABC下縁(線)が、のような画像又はこの入力ボックス要素は、ベースラインは、親要素と下端位置合わせを吸引、ベースラインを有していません。
絵の下の空間の高さは、それを決定する方法ですか?
実際には、ベースラインおよびベースライン文字底、この距離の間の距離は、行の高さによって決定され、行の高さのデフォルトは正常であり、通常は、通常、1、または1.2であると理解され、
テキストの2片の間のCSS、特性線の高さの距離では、ラインは、我々は行の高さを設定した場合、親容器の高さであるテキストの一部が垂直にテキストの中心とすることができ、高いです