div布局,三列,每一列的距离相等!

来源:百度知道 编辑:UC知道 时间:2024/05/27 09:14:13
div布局,三列,每一列的距离相等!

1.首先定义div的宽度。例如:
.div{width:300px;margin:0px; padding:0px;}

2.再定义ul 和 li 的宽度。例如:
.div ul{width:300px;} //这里的ul宽度一定小于或等于div的宽度,
即<=300px;
.div ul li{float:left; width:100px;}//这里的li宽度一定小于或等于ul的宽度即一个li宽度为100px,那么三个li等于300px;相当与排列出三个li,即可形成三列。

你可以试下,就会发现其中的奥妙。动手吧·····

第一次回答问题,希望能帮到你。

.div1
{
float:left;
width:xxpx;
margin-top:2px;
margin-bottom:2px;
}

可以用css定义li标签,
li{float:left;width:200px;}