什么是Flex弹性布局? Flex布局的英文名全称为Flexible Box。 它的含义表达为弹性布局。 何为弹性布局？如下图所示，边框我们称之为flex布局的边界，而边界内的果冻称之为flex元素。 通过flex布局，我们可以很轻松搞定子元素的排序方式，常见的有：水平对齐、垂直对齐，水平+垂直居中展示。 Flex 2021年07月02日 0 点赞 0 评论 296 浏览
Flex布局一行三个平均分布 如果想实现Flex布局一行三个平均分布。我们需要使用到下面命令。 通过使用下述命令，我们轻松实现flex的子元素自动3等分距离。display: flex;justify-content: space-between; <!DOCTYPE html> <html> <head> <meta cha Flex 2021年07月02日 0 点赞 0 评论 322 浏览
flex布局如何实现自动换行？ 我们可以采用flex的flex-wrap:wrap;属性，让内部的子元素自动换行。 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i Flex 2021年09月10日 0 点赞 0 评论 430 浏览
flex布局的垂直居中效果 如果我们想使用flex实现垂直且居中效果，需要使用到2个flex属性，分别是justify-content、align-items。 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" co Flex 2021年09月10日 0 点赞 0 评论 479 浏览
