什么是一个实用的解决方案,可以在
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-->
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。