台州温岭做网站请找我们 (专业建站 | 诚信服务) 13958630945 在线客服 联系技术

佳源设计|台州网站建设|佳源网页设计

网站当前位置: 首页>>Html5 Css3实例>>css3属性之justify-content、align-content、align-items的实例展示及用法
做网站JS特效
 
网站建设疑难
 
网站设计_图象处理
 
网站设计_Css样式
 
网站建设_Flash疑难
 
手机微网站建设
 
 建站知识搜索
 

台州网站建设
 
网站优化
 
提交疑问
 Html5 Css3实例 > css3属性之justify-content、align-content、align-items的实例展示及用法

css3属性之justify-content、align-content、align-items的实例展示及用法

232次浏览
2019-06-27

justify-conten定义和用法

justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。

提示:使用 align-content 属性对齐交叉轴上的各项(垂直)。

注意: Internet Explorer 10 及更早版本浏览器不支持 justify-content 属性。 注意: Safari 6.1 及更新版本通过 -webkit-justify-content 属性支持该属性
justify-content运行效果展示

align-conten定义和用法

align-content 属性在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项(垂直)。

提示:使用 justify-content 属性对齐主轴上的各项(水平)。


align-content运行效果展示

align-items定义和用法

align-items 属性定义flex子项在flex容器的当前行的侧轴(纵轴)方向上的对齐方式。

align-items运行效果展示


flex-direction

https://www.runoob.com/cssref/css3-pr-flex-direction.html



页面所在本站地址: http://www.52-life.net/N_align-items.htm
上一篇 >>No News
下一篇 >>Select 定义背景样式