在HTML,IE6和IE7中工作的HTML垂直和水平居中的实用解决方案

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (17)

什么是一个实用的解决方案,可以在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纯度在这里并不那么重要,而以下标准对于未来的兼容性是可取的。
提问于
用户回答回答于

对于此问题,您可以使用此样式。

#yourElement {
   margin:0 auto;
   min-width:500px;
}
用户回答回答于

对于水平方向:

<style>
body
{
    text-align:left;
}
.MainBlockElement
{
    text-align:center;
    margin: 0 auto;
}
</style>

你需要在body中使用text-align:left来修复IE渲染的错误。

扫码关注云+社区

领取腾讯云代金券