利用display:flex
布局,左边设置width:200px
,但是最终效果是左边宽度出自动态变化,并不是每个都是200px的宽度,下面小编给大家介绍3个解决方法!
方法一:
flex-grow: 0;
flex-shrink: 0;
width: 200px;
方法二:
flex: 0 0 auto;
width: 200px;
方法三:
flex: 0 0 200px;
以上是编程学习网小编为您介绍的“flex布局出现宽度动态扩展问题,flex设置固定宽度3个方法”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:flex布局出现宽度动态扩展问题,flex设置固定宽度3个方法


猜你喜欢
- Vue使用回车登录的时候报 Uncaught TypeError: Cannot read properties of undefined (reading 'validate') 2022-06-22
- vuejs如何console.log打印div中的内容并去除标签 2025-01-14
- vue项目报“vue/html-indent”等错误解决方法 2025-01-14
- css 行级元素在多浏览器下的宽度问题 与解决方法 2024-03-11
- javascript实现的HashMap类代码 2023-12-01
- Ajax+Struts2实现验证码验证功能实例代码 2023-01-20
- vue项目中如何生成sitemap.xml文件 2025-01-13
- vue页面锁屏的完美解决方法记录 2023-12-25
- 解决uni-app打包安卓app在平板或分辨率高的模拟器下不宽屏显示问题 2023-08-29
- vue项目bus的基本用法 2025-01-16