利用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布局的区别?
标签: flex布局
上面是“flex布局出现宽度动态扩展问题,flex设置固定宽度3个方法”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。
当前网址:https://m.ipkd.cn/webs_14061.html
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!