像table一样布局div的CSS属性详解
2013-07-12 11:37
661 查看
.equal {
display:table;
border-collapse:separate;margin: auto;
}
.row{display:table-row;}
.row div{ display: inline; vertical-align: middle;}
<!--以上样式可兼容IE7/IE8/IE9/FF-->
<div class="equal">
<div class="row">
<div class="col"></div>
<div class="col"></div>
<div class="three"></div>
</div>
display:table;
border-collapse:separate;margin: auto;
}
.row{display:table-row;}
.row div{ display: inline; vertical-align: middle;}
<!--以上样式可兼容IE7/IE8/IE9/FF-->
<div class="equal">
<div class="row">
<div class="col"></div>
<div class="col"></div>
<div class="three"></div>
</div>
相关文章推荐
- 像table一样布局div的CSS属性详解
- CSS技巧!像table一样布局div
- CSS技巧,像table一样布局div
- DIV-CSS布局中position属性详解
- CSS技巧,像table一样布局div
- CSS技巧学习:像table一样布局div
- CSS技巧!像table一样布局div
- DIV-CSS布局中position属性详解
- CSS技巧!像table一样布局div
- 栋栋晓07:详解css布局中的定位position属性
- css+div 布局(1)- css+div实现table布局
- div+css布局必了解的列表元素ul ol li dl dt dd详解
- Android 布局详解 -三表格布局(TableLayout)以及重要属性
- 像table一样布局div
- 用div实现像table一样的布局方法
- Div+Css布局相关的属性
- css+div布局要素:文档流position属性 父级对象和同级对象
- CSS:Table-cell属性的妙用让div也能享受table定位的好处
- DIV+CSS布局和Table布局对比
- CSS display:table属性用法- 轻松实现了三栏等高布局