12-4 只讲了2个块元素的水平排列。如果现在有3个，4个或者更多个块元素需要水平等间隔排列，该如何写代码呢？？注意，是水平等间隔排列！！！不是连着一起都挤在最左边或者最右边。

个回答

杨阳4000193

2016-12-04 16:05:41

已采纳

直接在选择器里写float:left;就行

2
慕斯8321650

2018-06-23 12:30:57

同志看图，是否达到你的要求

0
honey菠萝吹雪

2017-05-13 17:15:33

还有个笨方法直接向内容加多个&nbsp控制等距就行. - -!

0
6HaHa

2017-01-12 20:21:25

center

0
qq_微微_4

2016-12-05 11:15:56

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮动模型</title>
<style type="text/css">
div{
border:2px red solid;
width:24%;
height:400px;
float:left;
margin:1px;
}

</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
<div id="div3">栏目3</div>
<div id="div4">栏目4</div>
</body>
</html>

0
慕粉4170445

2016-12-04 16:10:55

直接在选择器里写float:left;

0
大富啦啦

2016-12-04 16:01:45

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮动模型</title>
<style type="text/css">
div{
border:2px red solid;
width:200px;
height:400px;
float:left;
}
</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
<div id="div3">栏目3</div>
</body>
</html>

0
泡泡菌

2016-12-04 16:01:39
```
<html>
```
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮动模型</title>
<style type="text/css">
div{
border:2px red solid;
width:200px;
height:400px;
float:left;
}

</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
<div id="div3">栏目3</div>
<div id="div4">栏目4</div>
</body>
</html>

0