絶対/相対ポジショニングを介して、div内で画像とテキストを垂直方向に整列させる唯一の方法は可能ですか?
私はそれをする必要があります、そして私はできるだけ少ないクラス/ハックを使用しようとしています。
display:table-cell;のようにする他の唯一の方法です。vertical-align:middle ;?
コード例:
絶対/相対ポジショニングを介して、div内で画像とテキストを垂直方向に整列させる唯一の方法は可能ですか?
私はそれをする必要があります、そして私はできるだけ少ないクラス/ハックを使用しようとしています。
display:table-cell;のようにする他の唯一の方法です。vertical-align:middle ;?
コード例:
これを行う1つの方法は、display:table-cell with vertical-align:middleを使用することです。
例を参照してください。
この方法の問題の1つは、プロパティ「table-cell」がIE7でサポートされていないことです。
上記のコメントで投稿されましたが、このコードは興味のある他の人のために機能します--->
垂直方向の配置は1つの方法であり、絶対/相対配置は別の方法ですが、htmlの配置属性もあります。http://www.w3schools.com/html/tryit.asp?filename=tryhtml_image_align
私の意見では、vertical-alignを使用してCSSに追加するのが最も賢い方法です。
.test
vertical-align: middle;
Chris Coyierは、CSSトリックに関するすばらしい記事を掲載しており、単一行と複数行のテキストをcssで垂直方向に中央揃えする方法を示しています。http://css-tricks.com/vertically-center-multi-lined-text/