CSS的flex如何根据内容更改高度

本篇内容主要讲解“CSS的flex如何根据内容更改高度”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS的flex如何根据内容更改高度”吧!

创新互联网站建设公司是一家服务多年做网站建设策划设计制作的公司,为广大用户提供了成都做网站、成都网站建设,成都网站设计,1元广告,成都做网站选创新互联,贴合企业需求,高性价比,满足客户不同层次的需求一站式服务欢迎致电。

有一个属性可以实现高度的变化,就是,align-items:baseline;要应用的部分是指定display:flex的父元素;

我们来看一个具体的例子

代码如下:

HTML

文字内容

文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字

文字内容

文字内容

文字内容

CSS

.container{

display:flex;

background:#ccc;

flex-wrap:wrap;

align-items:baseline;

}

.box{

width:200px;

margin:10px;

background-color:#66b6d5;

}

到此,相信大家对“CSS的flex如何根据内容更改高度”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


网站题目:CSS的flex如何根据内容更改高度
文章起源:http://pwwzsj.com/article/gogihe.html

其他资讯