你的位置:
首页
>
软件开发 >
网页设计 > Flexible 弹性盒子模型之CSS align
Flexible 弹性盒子模型之CSS align
发布时间:2017-01-12 12:00:51
实例居中对齐弹性盒的各项 <div> 元素:div{display: flex;align-items:center;}复制效果预览浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属 ...
实例
居中对齐弹性盒的各项 <div> 元素:
- div
- {
- display: flex;
- align-items:center;
- }
复制效果预览
属性值
值 | 描述 | 测试 |
---|
stretch | 默认值。项目被拉伸以适应容器。 | 效果预览 |
center | 项目位于容器的中心。 | 效果预览 |
flex-start | 项目位于容器的开头。 | 效果预览 |
flex-end | 项目位于容器的结尾。 | 效果预览 |
baseline | 项目位于容器的基线上。 | 效果预览 |
initial | 设置该属性为它的默认值。请参阅 initial。 | 效果预览 |
inherit | 从父元素继承该属性。请参阅 inherit。 |
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:Flexible 弹性盒子模型之CSS align
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。