左边有导航栏右边如何居中
来源:互联网 发布:hdmi矩阵使用方法 编辑:程序博客网 时间:2024/04/28 11:30
一般这种页面是分左右两块div,然后右边的内容居中在右边div的页面内或者占满右边,然后右边这块div的宽度是自适应的,根据屏幕的大小而改动
当然可以用js获取屏幕或者浏览器的宽度再进行计算,然后再居中,但是这样子浏览器缩小的时候还要再一次通过js来计算然后再居中,这样子是没必要的
那么如何获取右边这块div的宽度呢
就是设置绝对定位
右边的position: absolute;left: 200px;right: 0px;不需要再设置宽度这就是右边这块div的大小,不过需要添加一个min-width避免把内容压缩
然后子元素再使用margin:0 auto;这样就是使右边这块的div自动居中了
0 0
- 左边有导航栏右边如何居中
- 如何实现左边为导航栏点击后右边为连接页面
- 左边多级导航切换右边的main
- 如何实现网页点击左边的导航右边显示对应的页面?
- 如何实现网页鼠标浏览左边的导航右边显示对应的页面
- Button 左边图片右边文字居中显示样式
- 左边,右边
- 两栏,左边固定,右边自适应
- 双栏布局 左边固定右边自适应
- 自定义导航栏左边按钮的位置靠左问题,右边按钮的位置靠右的问题
- php iframe--如何不刷新左边导航栏
- 判断点在有向线段的左边还是右边
- 如何使导航栏水平居中
- 两栏布局——实现左边固定,右边 自适应(右边固定,左边自适应)
- 如何去掉字符串左边或右边的空格?
- vs2005如何把类视图等,从右边移到左边
- Magento 左边导航栏修改
- 左边菜单,右边内容
- C++(2)
- 程序员:如何接手垃圾代码?
- 数据结构的基础学习1
- 如何修改Android启动动画和开机声音
- Java中测试异常的多种方式
- 左边有导航栏右边如何居中
- Unity3D插件之FingerGesture的使用
- Android 简单实现顶部滑动菜单效果
- java中的各种数据类型在内存中存储的方式
- SSH关于公钥认证Permission denied (publickey……的问题
- 十、WorldWindJava+自定义渲染类
- js模拟键盘或遥控器操作(加强版)
- UIlabel小结
- Activity--隐式匹配规则