[前端系列] GOFLY在线客服系统源码- 布局中display: flex的意思
2023-02-18 15:36:15 时间
在布局前端页面的过程中,有使用display: flex来进行弹性布局
任何块,设置了display: flex就变成了弹性容器
设为Flex布局以后,子元素的float、clear和vertical-align属性将失效,变成了一条线
可以设置换行或者不换行
在 Flexbox 模型中,有三个核心概念:
– flex 项(注:也称 flex 子元素),需要布局的元素
– flex 容器,其包含 flex 项
– 排列方向(direction),这决定了 flex 项的布局方向
flex子元素可以设置简短属性
flex : xx xxx xxxx
xx代表 flex-grow
xx代表 flex-shrink属性
xxxx 代表 flex-basis属性
相关文章
- [Linux] Linux系统(进程管理)
- [Linux] Linux系统(用户管理)
- [Linux] Linux系统(文件操作)
- [Linux] Linux系统(登陆、退出、修密码)
- [javaSE] 看博客学习多线程的创建方式和优劣比较和PHP多线程
- [MongoDB] mongodb与php
- [MongoDB] MongoDB增删查改
- [Linux] Linux Shell查找文件
- [Linux] Linux的环境变量
- Git工作流中常见的三种分支策略:GitFlow、GitHubFlow和GitLabFlow
- 2022 IDE各种激活的,码上用起来吧 ,java、python、php、go等等
- Go语言实现的23种设计模式之结构型模式
- 快来,这里有23种设计模式的Go语言实现
- Golang container/ring 环形链表
- 基础架构之Gitlab Runner
- Red Hat Enterprise Linux 9.1镜像迁移到腾讯云操作说明
- GitOps实践之kubernetes部署Argocd
- 分布式版本控制系统Git的使用最全最细;
- C++ Primer Plus习题及答案-第十三章
- C++ Primer Plus习题及答案-第十四章