flex height变高了
2024-09-08 18:55:21
在做移动端项目时,使用了flex布局后,所有的子项高度变成了一致
问题:在flex布局中,如何保持子项自身高度
原因:
Flex 布局会默认:
把所有子项变成水平排列。
默认不自动换行。
让子项与其内容等宽,并把所有子项的高度变为最高子项的高度。
解决方案:
直接在flex容器上,将align-items设为 flex-start,或者align-items属性的其他值都可以,子项就会保持其自身的高度了。
————————————————
版权声明:本文为CSDN博主「bug收集」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/yangyangkl123/article/details/115751467
最新文章
- 扑面而来的碎片--图片3D炸裂效果初体验
- RabbitMQ Config
- C#接口的显示和隐式实现
- xml中DTD解析
- Xamarin 免费了,你能做什么?
- C#基础---委托的使用
- android sdk 国内镜像地址
- linux终端下为什么用命令打开软件后,要关闭软件才能继续下一条命令?
- 问题-XE8报Object factory for class{xx-xx-xx-xx-xx} is missing. To register it, you can drop component[TFDGUIxWaitCursor] into your project.
- iOS开发-轻点、触摸和手势
- 深入了解一下PYTHON中关于SOCKETSERVER的模块-A
- mysql触发器使用注意
- R语言︱SNA-社会关系网络—igraph包(社群划分、画图)(三)
- python22期第一天(课程总结)
- CRM项目之stark组件
- junit 基础使用
- Knockout.js快速学习笔记
- opencv(4)实现数据增加小工具
- Linux学习笔记:mv移动或文件重命名
- Ubuntu 17.04 搭建 NodeJS