flex常用兼容写法
发布时间:2020-12-15 01:50:45 所属栏目:百科 来源:网络整理
导读:一般放在common.css中: .flex { display : -webkit-box ; display : -webkit-flex ; display : -moz-box ; display : -ms-flexbox ; display : flex ;} .flex1 { -prefix-box-flex : 1 ; -webkit-box-flex : 1 ; -webkit-flex : 1 ; -moz-box-flex : 1 ; -m
一般放在common.css中: .flex{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .flex1{ -prefix-box-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .flex-c{ -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .flex-a-c{ -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: center; } .flex-j-c{ -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } .flex-a-i{ -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |