网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
大部分前端工作者对常用的一些CSS属性应该已经烂熟于心了吧,那今天就来聊聊稍微生僻的CSS属性,你知道
怎么使用 CSS align-content 属性吗?align-content 都有哪些属性值呢?想知道的小伙伴们继续往下看吧。
一、CSS align-content属性的定义和使用方法
定义:align-content 属性在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项(垂直)。
作用:会设置自由盒内部各个项目在垂直方向排列方式。
条件:必须对父元素设置属性display:flex,并且设置换行,flex-wrap:wrap这样这个属性的设置才会起作用。
设置:这个属性是对其容器内的项目起作用,所以对父元素进行设置即可。
align-content的取值,使用时可以根据需要取值。
stretch:被拉伸以适应容器(默认值)。
center:位于容器的中心。
flex-start:位于容器的开头。
flex-end:位于容器的结尾。
space-between :位于各行之间留有空白的容器内。
space-around:位于各行之前、之间、之后都留有空白的容器内。
写法:align-content: stretch
关键词:图文详细说明CSS align-content属性的运用办法