css 两个同级div相同高度

行业动态 公司新闻 案例分享 技术百科

css 两个同级div相同高度

来源:奇站网络 浏览量:1,006 发布日期: 2023-04-04

使用CSS3 flexbox

使用CSS3 flex布局模型,您可以轻松地创建等高的列或并排对齐的元素。只需在容器元素上应用display带有值flex的flex属性,在子元素上应用值为1的属性

less写法

  1. .design {
  2. display: flex;
  3. > div {
  4. flex: 1;
  5. }
  6. }

普通写法

  1. .design {
  2. display: flex;
  3. }
  4. .design > div {
  5. flex: 1;
  6. }
标签:

厦门奇站网络科技有限公司

电话:13313868605

QQ:3413772931

地址:厦门集美区软件园三期

网站地图


                    扫一扫加我咨询