在用了Flex布局会发现,当水平排列后,会发现所有子项的高度都变成一样的了。
这是因为Flex 布局会默认:
这样设置背景色的时候非常不方便,那么直接在父项上,将align-items设为 flex-start,或者align-items属性的其他值都可以,子项就会保持自身的高度了。
.fat{ display: flex; align-items: flex-start; }
效果如下:
到此这篇关于Flex布局让子项保持自身高度的实现的文章就介绍到这了,更多相关Flex子项保持自身高度内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
在Dreamweaver中,给表格增加css定位,表格就变得象层一样可拖动。 1.在文档中插...
请在主流浏览器中打开测试页面,在Fiddler里查看http请求。 1. 隐藏图片 img src...
代码如下所示: !DOCTYPE htmlhtmlhead meta charset=UTF-8 link rel=stylesheet...
思考: css 为什么要放在 head 标签中, 而不能像 javascript 一样置于 body 标签...
图片来源: siliconangle.com 本文作者: hsy 前言 文本将和大家一起简单了解一...
本次主要来了解的是布局,这个大部分在HTML的基本标签中也是存在的,所以相对比...
层固定位置练习--by 阿会楠 尊托云数 nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp...
作者:小傅哥 博客: https://bugstack.cn 沉淀、分享、成长,让自己和他人都能...
废话不多说上代码,代码很简答,研究一下就明白了,有不明白的可以问我。 !DOCTY...
Dreamweaver中的网页有两个组成部分,一个是head/head,一个是body/body,其中he...