两列不定宽自适应布局
来源:互联网 发布:网络教育要交几年学费 编辑:程序博客网 时间:2024/06/06 03:54
页面结构:
效果:
<div class="box"><div class="left">姓名:</div><div class="right">张三</div></div><div class="box"><div class="left">家庭住址:</div><div class="right">浙江省浙江省浙江省浙江省浙江省浙江省浙江省浙江省浙江省浙江省浙江省</div></div>
样式:
.box{width:200px;background-color:#EEEEEE;overflow:hidden;zoom:1;margin:10px;}.left{float:left;background-color:red;}.right{zoom:1;overflow:auto;background-color:#AAAAAA;}
效果:
当左边宽度固定时也可对right设置margin-left值替代overflow:auto
- 两列不定宽自适应布局
- 多列布局之不定宽+自适应
- 两列自适应布局
- 两列自适应布局
- 多列布局:定宽+自适应,不定宽+自适应,等宽布局,等高布局
- 两列布局宽度自适应
- 两列或三列自适应布局
- 实现一个自适应布局 两列布局
- 页面布局 --- 两列自适应布局
- 两列布局:左边定宽,右边自适应(撑满)
- 两列布局-左侧定宽|右侧自适应
- 两列自适应和三列自适应布局
- 两列布局(固定+自适应)
- flex布局实现左右都不定宽的自适应布局
- CSS两列及三列自适应布局方法整理
- 两列布局中单列定宽单列自适应布局的5种思路
- CSS布局之两列布局一列固定一列自适应
- css3弹性布局中的两列宽度自适应布局和两列右列宽度自适应布局
- Prism学习笔记(二)简单的MVVM模式
- 2011年十大开源软件
- Flex application创建顺序(转)
- 不一样的Python(7)——函数
- Prism之Bootstrapper
- 两列不定宽自适应布局
- JPEG File Format
- linux下gdb调试命令
- Anrdoid 线程
- Android自动测试之Monkey工具
- Ubuntu10.04安装五笔输入法
- fatal error C1190: managed targeted code requires a '/clr' option VS2010
- Android自动测试之monkeyrunner工具
- 自动安装补丁的程序