WFL804203164的博客

flex布局 .box { width: 500px; height: 500px; border: 1px solid red; margin: 100px auto; display: flex; /* 核心代码 */ justify-content: center; /* 核心代码 */ align-items: cent

Flex的含义 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 .box { display; flex; } .box { display; inline-flex; } PS: 使用Flex布局，所有子元素的float，clear，vertical-alig你这些属性就会失效 Flex的属性介绍 1.flex-direction：该属性决定主轴的方向，即排列方式，默认row。 .box { flex-direction: r