CSS垂直方向に整列した行カートリッジ

カセット内に垂直方向に複数列に並びます

1. 垂直方向垂直整列配置で配置された要素（行ボックス）に整列していません

   デフォルト：テキストトップテキスト下部中間画素値の百分率

下の白のボーダーの写真

1. 原因：IMGラベルインライン要素、デフォルトのモードは、垂直整列である：ベースライン（ベースラインアラインメント）。デフォルトのピクチャは、ベースライン、垂直配向である
   ので、いくつかの時点で、画像の下部に隙間が2ピクセルであってもよく、時には4PX以上であってもよく、関連するベースラインフォントの位置。
   異なるフォントサイズは、このギャップ高さのサイズが発生します

2. 親要素の写真は、ブロックボックス、高度に自動化されたブロックボックス、画像の下の下端と常に空白になります親要素であります

           解决办法：1.设置父元素的字体大小为0;[缺点：不能显示div中的文字]

                    2.将图片设置为块盒(display:block)

                    3.给图片加上vertical-align: bottom