加入收藏 | 设为首页 | 会员中心 | 我要投稿 西双版纳站长网 (https://www.0691zz.com.cn/)- 数据计算、IT业界、服务器、教程、云日志!
当前位置: 首页 > 服务器 > 系统 > 正文

css3 flex实现div内容水平垂直居中的几种方法

发布时间:2020-03-29 20:55:50 所属栏目:系统 来源:站长网
导读:副标题#e# 一、flex-direction: (元素排列方向) ※ flex-direction:row (横向从左到右排列==左对齐) ※ flex-direction:row-reverse (与row 相反) ※ flex-direction:column (从上往下排列==顶对齐) ※ flex-direction:column-reverse (与column

/*1.控制项目次序*/ /*order: 2;*/ /*2.按比例扩大空间,数越大空间越大,0值不扩大*/ /*flex-grow: 2;*/ /*3.按比例缩小空间,数越大空间越小,0值不压缩*/ /*flex-shrink: 2;*/ /*4.需要flex-direction配合使用,row=宽 column=高,并且优先级高于width hight, auto值 让位优先级*/ /*flex-basis: 600px;*/ /*5.flex=grow+shrink+basis*/ /*grow =1 && shrink = 1 && basis = auto*/ /*flex: auto;*/ /*grow =0 && shrink = 1 && basis = auto*/ /*flex: initial;*/ /*grow =0 && shrink = 0 && basis = auto*/ /*flex: none;*/ /*6.align-self覆盖容器的align-items*/ /*align-self: flex-start;*/

到此这篇关于css3 flex实现div内容水平垂直居中的几种方法的文章就介绍到这了,更多相关css3div水平垂直居中内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

(编辑:西双版纳站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读