我有<div id="outer">
,其中包含以下css:
position:relative;
width:300px;
height:125px;
float:left;
background:url(../images/callto-button1.png) no-repeat #185E7D;
它是多行文字。如何在外部div中垂直居中文本?
我尝试了display:table-cell
css方法,但它与页面的其他元素冲突。
文字的大小未知。
是否有一种方法或技巧可以在IE6及更高版本的所有浏览器中使用。
答案 0 :(得分:1)
尝试垂直居中时,我总是回到此页面: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
答案 1 :(得分:0)
方法1:
在这种方法中,使div显示表格单元格&amp;垂直对齐:中间。但它不适用于IE7&amp; IE6。以下是一些黑客攻击。
教程:http://css-tricks.com/vertically-center-multi-lined-text/
方法2:
你可以在div&amp;使其位置绝对添加风格顶部:50%&amp; margin-top应该是div高度的一半。