在做移动端项目时,使用了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

最新文章

  1. 扑面而来的碎片--图片3D炸裂效果初体验
  2. RabbitMQ Config
  3. C#接口的显示和隐式实现
  4. xml中DTD解析
  5. Xamarin 免费了,你能做什么?
  6. C#基础---委托的使用
  7. android sdk 国内镜像地址
  8. linux终端下为什么用命令打开软件后,要关闭软件才能继续下一条命令?
  9. 问题-XE8报Object factory for class{xx-xx-xx-xx-xx} is missing. To register it, you can drop component[TFDGUIxWaitCursor] into your project.
  10. iOS开发-轻点、触摸和手势
  11. 深入了解一下PYTHON中关于SOCKETSERVER的模块-A
  12. mysql触发器使用注意
  13. R语言︱SNA-社会关系网络—igraph包(社群划分、画图)(三)
  14. python22期第一天(课程总结)
  15. CRM项目之stark组件
  16. junit 基础使用
  17. Knockout.js快速学习笔记
  18. opencv(4)实现数据增加小工具
  19. Linux学习笔记:mv移动或文件重命名
  20. Ubuntu 17.04 搭建 NodeJS

热门文章

  1. python ( 进阶 第一部 )
  2. opc ua与opc da区别
  3. CLIP改进工作串讲(上)学习笔记
  4. 0624.python入门
  5. C++ STL中的二分法
  6. P1002 [NOIP2002 普及组] 过河卒
  7. chatGPT搭建之旅
  8. 关于DIFF插件的使用
  9. .net core格式化响应数据(json驼峰格式)
  10. golang windows程序获取管理员权限(UAC )