css中align-content属性如何使用-创新互联

css中align-content属性如何使用?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

在苏尼特右等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站设计制作、做网站 网站设计制作按需规划网站,公司网站建设,企业网站建设,成都品牌网站建设,网络营销推广,外贸网站制作,苏尼特右网站建设费用合理。

                                                         css align-content属性在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项(垂直)。容器内必须有多行的项目,该属性才能渲染出效果。

css align-content属性怎么用?

定义和用法

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

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

注意:容器内必须有多行的项目,该属性才能渲染出效果。

默认值: stretch

继承: 否

可动画化: 否。

版本: CSS3

JavaScript 语法:

object.style.alignContent="center"

CSS 语法

align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;

属性值

● stretch 默认值。项目被拉伸以适应容器。

● center 项目位于容器的中心。

● flex-start 项目位于容器的开头。

● flex-end 项目位于容器的结尾。

● space-between 项目位于各行之间留有空白的容器内。

● space-around 项目位于各行之前、之间、之后都留有空白的容器内。

● initial 设置该属性为它的默认值。

● inherit 从父元素继承该属性。

实例

对齐弹性盒的

元素的各项:










注意: Internet Explorer 10 及更早版本浏览器不支持 align-content 属性。

注意: Safari 7.0 及更新版本通过 -webkit-align-content 属性支持该属性。

效果输出:

css中align-content属性如何使用

感谢各位的阅读!看完上述内容,你们对css中align-content属性如何使用大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联网站制作公司行业资讯频道。


名称栏目:css中align-content属性如何使用-创新互联
标题网址:http://scyanting.com/article/jcois.html