该博客探讨了一个实用的方法，用于在HTML中创建在IE6和IE7浏览器中都能正常工作的纵向和横向内容居中布局。方案要求能够指定居中元素的宽度，且在窗口缩小时，内容区域会先收缩，直到没有空白区域才出现滚动条。此布局主要适用于登录等特殊页面，允许使用表格，并强调了未来兼容性的需求。
什么是一个实用的解决方案,可以在
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纯度在这里并不那么重要,而以下标准对于未来的兼容性是可取的.
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
