不用flex布局实现并排的div等宽等高布局
2017-02-20 08:57
281 查看
<html>
<body>
<style>
.container{
width:100%;
display:table;
//border-collapse:collapse; //内部div无缝隙
//border-spacing:10px;//div之间缝隙为10px
}
.container div{
border:1px solid black;
display:table-cell;
width:33.33%;
}
</style>
<div class="container">
<div >1<br>2<br>1<br>2<br>4</div>
<div>1</div>
<div>1</div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 如何实现flex布局下div等宽且内部文字可以溢出显示
- 纯CSS实现三列DIV等高布局
- 不用float实现div模块居中布局
- 用CSS实现三列DIV等高布局
- 使用CSS3中的box-flex功能实现垂直等高、水平均分、比例划分布局
- 使用flex布局实现div垂直居中
- 不用float实现div模块居中布局
- CSS布局之div交叉排布与底部对齐--flex实现
- 纯CSS实现三列DIV等高布局
- 分享用纯CSS实现三列DIV等高布局的方法
- CSS实现三列DIV等高布局
- 纯css实现div三列等高布局的最简单方法简化版/也可以多列
- 使用CSS3中的box-flex功能实现垂直等高、水平均分、比例划分布局
- flex实现div/li等水平居中布局
- 由于设计页面需要，要把两个并排显示的 div 实现一样高的效果， n 行 n 列布局，每列高度（事先并不能确定哪列的高度）相同，每个设计师追求的目标。方法有以下几种： 1 JS 实现（判断 2 个 d
- 纯CSS实现三列DIV等高布局
- 用CSS实现三列DIV等高布局以传达更好的视觉效果
- 用纯CSS实现三列DIV等高布局的方法
- 实现多列等高布局_flex布局
- 如何利用CSS+DIV 实现三列自适应高和宽的布局（不用javascript）