什么是一个实用的解决方案,可以在
HTML,IE6和IE7中使用
HTML中的纵向和横向内容？
一些细节：
>我正在寻找整个页面的解决方案.
>您只需要指定要居中的元素的宽度.在设计时间内不知道元素的高度.
>最小化窗口时,只有当所有空白区域消失时才会出现滚动.
换句话说,屏幕宽度应表示为：
“leftSpace width =(screenWidth-widthOfCenteredElement)/ 2”
“centeredElement width = widthOfCenteredElement”
“rightSpace width =(screenWidth-widthOfCenteredElement)/ 2”
高度相同：
“topSpace height =(screenHeight-heightOfCenteredElement)/ 2”
“centeredElement height = heightOfCenteredElement”
“bottomSpace height =(screenWidth-heightOfCenteredElement)/ 2”
>实际上我的意思是表的使用是可以的.我打算将此布局主要用于登录等特殊页面.因此CSS纯度在这里并不那么重要,而以下标准对于未来的兼容性是可取的.
解决方法
从
http://www.webmonkey.com/codelibrary/Center_a_DIV起
#horizon
{
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
display: block
}
#content
{
width: 250px;
height: 70px;
margin-left: -125px;
position: absolute;
top: -35px;
left: 50%;
visibility: visible
}
<div id="horizon">
<div id="content">
<p>This text is<br><emphasis>DEAD CENTRE</emphasis ><br>and stays there!</p>
</div><!-- closes content-->
</div><!-- closes horizon-->
