你的位置:首页 > 软件开发 > 网页设计 > Flexible 弹性盒子模型之CSS justify

Flexible 弹性盒子模型之CSS justify

发布时间:2017-01-16 12:00:09
实例在弹性盒对象的 <div> 元素中的各项周围留有空白:div{display: flex;justify-content: space-around;}复制效果预览浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在 -webkit-, -ms- 或 ...

实例

在弹性盒对象的 <div> 元素中的各项周围留有空白:

  1. div
  2. {
  3. display: flex;
  4. justify-content: space-around;
  5. }
复制效果预览

属性值

描述测试
flex-start默认值。项目位于容器的开头。效果预览
flex-end项目位于容器的结尾。效果预览
center项目位于容器的中心。效果预览
space-between项目位于各行之间留有空白的容器内。效果预览
space-around项目位于各行之前、之间、之后都留有空白的容器内。效果预览
initial设置该属性为它的默认值。请参阅 initial效果预览
inherit从父元素继承该属性。请参阅 inherit

原标题:Flexible 弹性盒子模型之CSS justify

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。