12-4 只讲了2个块元素的水平排列。如果现在有3个，4个或者更多个块元素需要水平等间隔排列，该如何写代码呢？？注意，是水平等间隔排列！！！不是连着一起都挤在最左边或者最右边。
Jack_No_1
2016-12-04 15:50
12-4 只讲了2个块元素的水平排列。如果现在有3个，4个或者更多个块元素需要水平等间隔排列，该如何写代码呢？？
注意，是水平等间隔排列！！！不是连着一起都挤在最左边或者最右边。
8回答
-
- 杨阳4000193
- 2016-12-04 16:05:41
直接在选择器里写float:left;就行
-
- 慕斯8321650
- 2018-06-23 12:30:57
同志看图，是否达到你的要求
-
- honey菠萝吹雪
- 2017-05-13 17:15:33
还有个笨方法直接向内容加多个 控制等距就行. - -!
-
- 6HaHa
- 2017-01-12 20:21:25
center
-
- 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>
-
- 慕粉4170445
- 2016-12-04 16:10:55
直接在选择器里写float:left;
-
- 大富啦啦
- 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>
-
- 泡泡菌
- 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>
初识HTML(5)+CSS(3)-升级版
1225817 学习 · 18235 问题
相似问题