在HTML，IE6和IE7中工作的HTML垂直和水平居中的实用解决方案
在HTML，IE6和IE7中工作的HTML垂直和水平居中的实用解决方案
提问于 2019-06-20 23:52:09
什么是一个实用的解决方案，可以在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纯度在这里并不那么重要，而以下标准对于未来的兼容性是可取的。
Stack Overflow用户
发布于 2019-06-21 08:35:20
对于水平方向：
<style>
body
{
text-align:left;
}
.MainBlockElement
{
text-align:center;
margin: 0 auto;
}
</style>
你需要在body中使用text-align：left来修复IE渲染的错误。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100001261
复制相关文章
相似问题