html - CSS 文本垂直居中对齐

标签 html css vertical-alignment css-tables

我遇到了一个问题。我正在尝试制作带有悬停的图像。我在 div 中得到了一些文本。现在我希望文本以 div 为中心。我用过:

display: table-cell;
vertical-align: middle;

文本几乎在 Div 的中间。当我向其中添加更多文本时,您会看到文本没有居中。

实例:http://jsfiddle.net/DennisBetman/6TkkE/

我希望你们中的一些人知道这个问题并能帮助我。

最佳答案

你制作了你的 <h1>有一个position:absolute , 但没有它相对定位的容器。

我拿了position:absoluteheight:100%关闭 <h1> .然后我添加了 position:relative到它的容器 .text

这是展示这个的 fiddle : http://jsfiddle.net/6TkkE/5/

关于html - CSS 文本垂直居中对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16820674/

相关文章:

html - 网站样式在错误的视口(viewport)宽度下发生变化

javascript - jQuery 比较 3 个元素并添加最大的大小

javascript - 使用 jquery 更改按钮的背景图像(每个按钮都有其独立的 id)

html - 为什么我的导航栏不是全宽

CSS 背景图像大小过渡

javascript - 当最大高度减小时,最大高度过渡不起作用

html - CSS - 垂直对齐绝对定位段落中的文本

html - 仅在移动设备上显示图像

jquery - 使用 jquery 在 bootstrap 3 容器中垂直居中

html - 如何将表格右侧的文本垂直对齐到表格中间?