0

絶対/相対ポジショニングを介して、div内で画像とテキストを垂直方向に整列させる唯一の方法は可能ですか?

私はそれをする必要があります、そして私はできるだけ少ないクラス/ハックを使用しようとしています。

display:table-cell;のようにする他の唯一の方法です。vertical-align:middle ;?

コード例:

http://jsfiddle.net/ndreckshage/UYxXG/

4

4 に答える 4

2

これを行う1つの方法は、display:table-cell with vertical-align:middleを使用することです。

例を参照してください。

http://jsfiddle.net/UYxXG/3/

この方法の問題の1つは、プロパティ「table-cell」がIE7でサポートされていないことです。

于 2012-06-21T21:57:34.057 に答える
1

上記のコメントで投稿されましたが、このコードは興味のある他の人のために機能します--->

http://jsfiddle.net/ndreckshage/7SV9f/

于 2012-06-24T12:57:05.877 に答える
0

垂直方向の配置は1つの方法であり、絶対/相対配置は別の方法ですが、htmlの配置属性もあります。http://www.w3schools.com/html/tryit.asp?filename=tryhtml_image_align

私の意見では、vertical-alignを使用してCSSに追加するのが最も賢い方法です。

.test
vertical-align: middle;
于 2012-06-21T21:46:00.823 に答える
0

Chris Coyierは、CSSトリックに関するすばらしい記事を掲載しており、単一行と複数行のテキストをcssで垂直方向に中央揃えする方法を示しています。http://css-tricks.com/vertically-center-multi-lined-text/

于 2012-06-22T00:23:35.803 に答える