弹性布局换行

作者：你好赵伟 | 2024-03-14 14:06:28

踩

弹性布局换行

<!DOCTYPE html>
<html>
	<head>
		<!-- 
		 弹性布局
		 
		 弹性容器:设置了display:flex;这个为弹性容器,里面的子元素会按照弹性布局的方式进行布局.
		 弹性子元素:设置了display:flex;的弹性容器的直接子元素即为弹性子元素
		 
		 
		 弹性主轴方向:
		 默认主轴方向为从左到右flex-direction: row;
		 从上往下flex-direction: column;
		 -->
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			/* parent元素为弹性容器 */
			.parent{
     
				width: 800px;
				height: 800px;
				border: 1px solid #cccc;
				margin: 0 a
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/235037