Css IE7中的垂直对齐问题
我在我的项目中使用了以下代码:Css IE7中的垂直对齐问题,css,Css,我在我的项目中使用了以下代码: #HomePage { background-image:url('../../Includes/Images/RestBg1.png'); width:790px; height:514px; margin:0 auto; text-align:center; vertical-align: middle; overflow: hidden; margin:0 auto; } 垂直中心对齐在FF、
#HomePage {
background-image:url('../../Includes/Images/RestBg1.png');
width:790px;
height:514px;
margin:0 auto;
text-align:center;
vertical-align: middle;
overflow: hidden;
margin:0 auto;
}
垂直中心对齐在FF、Safari和IE8中运行良好,但在IE7中运行不正常。我们可以使用更多上下文,如HTML。。。但是垂直对齐并不真正用于垂直对齐文本,除非在表格单元模式下渲染。如果是常规块或内联,唯一实用的解决方案是设置填充或线条高度,尽管只有在知道元素高度时才起作用
您的另一个解决方案是在页面加载后查看JavaScript中的元素高度,并做一些数学运算以确定要设置哪种CSS填充。我们需要您的HTML为您提供IE7支持的垂直居中方法。如果不查看HTML,就不可能知道代码发生了什么,或者你期望它做什么。你能在jsfiddle.net上弹出一个例子吗?