Ext页面根据浏览器大小显示全部,页面居中
2011-11-24 11:54
429 查看
div元素居中
设置body text-align:center;
设置主框架div margin:0 auto;
body.height 不能设置固定值,mainFrame(主框架) height设为100%,overflow:auto, ext中设置anchor'100%'
渲染对象的div设置为display:block,并设置height 一个固定值
这样当页面的大小超过屏幕分辨率时,页面会自动出现滚动条
<style type="text/css">
<!--
body
{
text-align:center;
}
#mainFrame
{
height:100%;
overflow:auto;
}
#maingrid
{
margin:0 auto;
}
#div_01
{
width:100%;
height: 300;
margin:10;
display:block;
}
#div_02
{
width:100%;
height: 300;
margin:10;
display:block;
}
-->
</style>
设置body text-align:center;
设置主框架div margin:0 auto;
body.height 不能设置固定值,mainFrame(主框架) height设为100%,overflow:auto, ext中设置anchor'100%'
渲染对象的div设置为display:block,并设置height 一个固定值
这样当页面的大小超过屏幕分辨率时,页面会自动出现滚动条
<style type="text/css">
<!--
body
{
text-align:center;
}
#mainFrame
{
height:100%;
overflow:auto;
}
#maingrid
{
margin:0 auto;
}
#div_01
{
width:100%;
height: 300;
margin:10;
display:block;
}
#div_02
{
width:100%;
height: 300;
margin:10;
display:block;
}
-->
</style>
相关文章推荐
- Ext页面根据浏览器大小显示全部,页面居中 .
- 纯js实现Div在页面垂直居中!可根据浏览器大小的改变而改变!兼容各种浏览器----神器版!
- 实现图片在浏览器页面中居中显示
- (亲测兼容360、IE、谷歌、火狐等浏览器)鼠标悬停显示页面被截取字段的全部内容
- 【JavaScript】——兼容浏览器的居中显示+关闭页面
- Selenium2学习-024-WebUI自动化实战实例-022-网站不同分辨率下页面样式展示兼容性问题解决方案 -- 设置浏览器显示区域大小(无人值守,节约测试成本的福音,BOSS 最爱)
- 【JavaScript】——兼容浏览器的居中显示+关闭页面
- easyui layout布局的根据浏览器页面大小自动调整大小
- 浏览器窗口大小改变时页面尾部 footer 可以以原来宽度随滚动条显示
- html5根据图片固定大小,使大小不等的图片居中显示 用于列表中显示的图片的统一处理
- android webView 无法播放视频,无法暂停,继续播放视频问题,无法根据浏览器居中显示内容问题
- MFC 窗口最大化和最小化,全局变量的使用、static居中显示、static的背景色设置为透明、根据屏幕自适应调整界面大小
- android webView 无法播放视频,无法暂停,继续播放视频问题,无法根据浏览器居中显示内容问题
- android webView 无法播放视频,无法暂停,继续播放视频问题,无法根据浏览器居中显示内容问题
- 根据浏览器显示界面大小变换,替换css文件方法
- 纯CSS弹出框不论页面大小绝对居中适合所有浏览器
- 页面弹出新窗口,新开浏览器,控制大小,屏幕居中,隐藏浏览器工具栏
- 根据屏幕大小制定显示页面
- 弹出页面脚本,自动根据页面大小居中
- Qt 根据Label大小无形变的自适应居中显示图像