Html 将文本垂直居中对齐-在所有IEs中
我在Div中有一个文本控件。我想将文本与Div垂直居中对齐 div具有以下样式:Html 将文本垂直居中对齐-在所有IEs中,html,css,stylesheet,Html,Css,Stylesheet,我在Div中有一个文本控件。我想将文本与Div垂直居中对齐 div具有以下样式: display: table-cell; vertical-align: middle; text-align: Left; font-size: 14px; height: 80px; padding: 0 15px 0 15px; overflow: hidden; 问题: 它按照IE8中的预期对齐文本,但在IE7和IE6中失败 无论如何要修复它,所以它在所有IE中都可以正常工作。使用 posi
display: table-cell;
vertical-align: middle;
text-align: Left;
font-size: 14px;
height: 80px;
padding: 0 15px 0 15px;
overflow: hidden;
问题:
它按照IE8中的预期对齐文本,但在IE7和IE6中失败
无论如何要修复它,所以它在所有IE中都可以正常工作。使用
position:relative top:50% top:-50%
对于IE6/7,这可能会有所帮助 将线条高度和位置添加到类中
line-height: 80px;
position: absolute;
最后,您的CSS看起来像:
display: table-cell;
vertical-align: middle;
font-size: 14px;
height: 80px;
padding: 0 15px 0 15px;
overflow: hidden;
border: 1px solid;
line-height: 80px;
position: absolute;
请参考尝试测线高度:80px,我认为它会起作用。div包含单行或多行?可能重复的div包含多行无效。Div应该在指定的高度内有任意数量的行。但是行高:80只显示一行文本。当我的文本有换行符时,这不起作用。它不会在换行符中显示文本。