Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将文本垂直居中对齐-在所有IEs中_Html_Css_Stylesheet - Fatal编程技术网

Html 将文本垂直居中对齐-在所有IEs中

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

我在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中都可以正常工作。

使用

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只显示一行文本。当我的文本有换行符时,这不起作用。它不会在换行符中显示文本。