flex item的width VS flex-basis
2024-08-29 18:47:39
flexbox的子元素flex item的宽度，按照以下规则计算：
content>width>flex-basis(limited by max/min-width)
- flex-basis的缺省值为auto；
- 如果flex-basis的值为auto，那么flex item的宽度由width属性决定；如果没有设置width，flex item的宽度由它的内容决定；
- 如果flex-basis值在max-width和min-width之间，flex-basis决定宽度；
- 如果flex-basis大于max-width，则宽度为max-width；
- 如果flex-basis小于min-width，则宽度为min-width；
- 这里会出现过大内容的问题，如果flex item的内容宽度很宽，会使flex item的宽度也变大；（很多布局中都会出现超长字符或者超大内容撑大布局的问题）；
最新文章
- [摘录]第三部分 IBM文化(2)
- 项目jar包管理，使用 .userlibraries 文件增加jar包的可移植性，明确jar包依赖，多项目共用jar包里
- redis系列-redis的连接
- 给大一的学弟学妹们培训java web的后台开发讨论班计划
- Mac 快捷键整理
- 其他主流开源硬件简介BeagleBone Black快速入门
- 常用正则表达式(?i)忽略字母的大小写！
- jQuery 显示加载更多(节流) 实现预加载
- swift-08-元组分解和数组
- javascript限制input只允许输入数字
- Windows10 VS2017 C++编译Linux程序
- nodejs构建mock数据
- 9-(基础入门篇)云端安装MQTT服务器
- 实验吧—隐写术——WP之 SB！SB！SB！
- codeforcess水题100道
- Cookie学习笔记
- 什么是Java序列化？为什么序列化？序列化有哪些方式？
- 编译器内置宏__LINE__&__FUNCTION__
- oracle sqlplus conn 远程连接
- leetcode Ch7-Graph Search