html - 在 DIV 中垂直居中多行文本

Question

我有一个<div id="outer">具有以下CSS：

position:relative;
width:300px;
height:125px;
float:left;
background:url(../images/callto-button1.png) no-repeat #185E7D;

其中是多行文本。如何在外部 div 中垂直居中文本？

我已经尝试过display:table-cellcss 方法，但它与页面的其他元素冲突。

文字大小未知。

是否有适用于 IE6 及更高版本的所有浏览器的方法或技巧。

score 1 · Accepted Answer

score 0 · Accepted Answer

方法一：

在此方法中，让 div 显示表格单元格和垂直对齐：中间。但它不适用于 IE7 和 IE6。这里有一些技巧。

方法二：

您可以将外部包裹在 div 中并使其位置绝对添加样式 top:50% 并且 margin-top 应该是 div 高度的一半。

2 回答 2