flex布局出现宽度动态扩展问题,flex设置固定宽度3个方法

454 ℃

利用display:flex布局,左边设置width:200px,但是最终效果是左边宽度出自动态变化,并不是每个都是200px的宽度,下面小编给大家介绍3个解决方法!

方法一:

flex-grow: 0;
flex-shrink: 0;
width: 200px;

方法二:

flex: 0 0 auto;
width: 200px;

方法三:

flex: 0 0 200px;

display有哪些常用属性值,grid布局和flex布局的区别?

css有哪些方法可以实现垂直居中

vue如何利用flex布局实现TV端城市列表

标签: flex布局

上面是“flex布局出现宽度动态扩展问题,flex设置固定宽度3个方法”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_14061.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

WordPress评论相关功能介绍
网站优化有哪些阶段需要注意?
一款由Iconscout推出的高质量、一致性的SVG和Web字体图标库—— Unicons
jQuery如何让屏幕滚轴隐藏掉
js如何封装一个获取随机数方法(指定范围)