CSS+DIV一行三列（等宽高，有间距）怎么写

html-css023

CSS+DIV一行三列（等宽高，有间距）怎么写,第1张

css:

#id{width:100%height:100%}

#main>div{

    float:leftwidth:33.3%height:33.3%

    line-height:33.3%text-align:center

}

html:

<div id='main'>

    <div></div>

    <div></div>

    <div></div>

</div>

先看看等分的布局方案

1. float

兼容性较好（IE 8以上）

**2. flex **

兼容性较差（flex属于css3）

兼容性：IE8及以上

3. table

兼容性：可以兼容 IE 8

1. table

利用 table 的特性——每列等宽

2. flex

3. float

伪等高（只有背景显示高度相等），左右真实的高度其实不相等。 兼容性较好。