利用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个方法
基础教程推荐
猜你喜欢
- CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解 2023-12-21
- js实现获取鼠标当前的位置 2023-11-30
- vue项目报“vue/html-closing-bracket-spacing”等错误解决方法 2025-01-12
- JS读取cookies信息(记录用户名) 2024-01-12
- Seajs源码详解分析 2024-01-16
- JavaScript 实现模态对话框 源代码大全 2023-12-14
- css hover对其包含的子元素进行样式设置示例 2024-03-10
- vue 学习小结(3)关于‘Splan‘ 2023-10-08
- jQuery计算文本框字数及限制文本框字数的方法 2024-02-08
- HTML标签 2023-10-26
