垂直整列は、垂直配向します
余裕がある、我々は中央にブロック要素の幅を持つ前に言ってみましょう：0自動;
我々はまた、およそ前に話をしたテキストを中心に行い、テキスト整列です：センター;
しかし、私たちは私たちの母親が私たちの垂直方向の中央を行う方法について心配していた、垂直センタリングのプロパティについて話したことはありません。
垂直揃え垂直方向に整列し、本当によさそうだプロパティは、実際には予測不可能な気性を持っている、それ以外の場合は、我々が説明するのはそれほど遅くないだろう。
垂直-ALIGN：ベースライン| トップ| ミドル| 底
その垂直の提供やコンテンツオブジェクトを取り出します。
コンテンツ要素をブロックに影響を及ぼすことなく垂直整列整列され、それは要素の内部ブロック行要素または列、行ブロックの特に要素に制限され、多くの場合、画像/形式とテキストの配置を制御するために使用されます。
写真、フォーム、およびテキストの配置
だから我々は我々が垂直整列を通じてテキストと画像間の上下関係を制御することができることを知っています。デフォルトの画像が並ぶとテキストのベースラインになります。
画像ブランクギャップの底部側を取り除きます
そこあなたが覚えている非常に重要な特性である。このようインラインブロック要素として絵や形は、彼の一番下の行は、親ボックスのベースラインに整列されます。これは、問題の原因となりますつまり、画像の下側には、空きスロットがあるでしょう。
アプローチの解決は次のとおりです。
-
そうでトップ、および|ミドル：垂直整列をのimgします。絵やベースラインの位置合わせをさせないでください。
-
IMG表示を追加する：ブロック、ブロックレベル要素に変換するには問題が存在しないであろう。
