flex居中
2024-08-24 10:54:51
1.先把父元素display:flex
2.在父元素设置justify-content:center;水平居中
3.在父元素设置align-items:center;垂直居中
align-items 属性定义flex子项在flex容器的当前行的侧轴(纵轴)方向上的对齐方式。
justify-content 用于设置或检索flex元素在主轴(横轴)方向上的对齐方式。
flex-direction :row | row-reverse | column | column-reverse direction
属性决定主轴的方向(即项目的排列方向)。
flex 主轴是哪个就定义哪个的长度,会覆盖width和height
最新文章
- ContentProvider中央档案馆,以及获取联系人电话的示例
- jQuery简单的手风琴菜单
- BZOJ 1968: [Ahoi2005]COMMON 约数研究
- 【Codeforces718C】Sasha and Array 线段树 + 矩阵乘法
- MWeb for iOS 测试版介绍
- eval回显变量
- WCF Failed to invoke the service. Possible causes: The service is offline or inaccessible
- JS - Object and Property的删除用法
- CSS中vw和vh单位的使用
- Linux/Unix中的#!和!#
- HDU 1164 Eddy's research I
- 编写一个循环将list容器的元素逆序输出
- PHP 中运用 elasticsearch
- 2016021801 - Java内存区域归纳对比
- LeetCode_Permutation Sequence
- eclipse主题插件
- 基于Java的开源CMS系统选择(转)
- C# - 设计模式 - 模板模式
- 用简单的代码让一组静态图片变成gif动画
- 环境部署(八):jenkins配置邮件通知