0

是否可以通过绝对/相对定位在 div 内垂直对齐图像和文本的唯一方法?

我需要这样做,并且我正在尝试使用尽可能少的类/hacks。

是唯一的其他方法,例如 display:table-cell; 垂直对齐:中间;?

示例代码:

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

4

4 回答 4

2

一种方法是使用display: table-cellvertical-align: middle

看一个例子:

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

这种方法的一个问题是,IE7 不支持属性“table-cell”。

于 2012-06-21T21:57:34.057 回答
1

上面发表在评论中,但此代码适用于任何有兴趣的人--->

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

于 2012-06-24T12:57:05.877 回答
0

Chris Coyier 有一篇关于 CSS 技巧的精彩文章,展示了如何使用 CSS 垂直居中单行和多行文本。http://css-tricks.com/vertically-center-multi-lined-text/

于 2012-06-22T00:23:35.803 回答
0

垂直对齐是一种方式,绝对/相对定位是另一种方式,但也有 html align 属性。http://www.w3schools.com/html/tryit.asp?filename=tryhtml_image_align

在我看来,使用vertical-align 添加到你的css 是最聪明的方法。

.test
vertical-align: middle;
于 2012-06-21T21:46:00.823 回答