利用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的几个标签速记(推荐) 2024-02-08
- CSS实现两列布局的N种方法 2024-01-24
- npm安装报错:提示源文本中存在无法识别的标记 2024-12-08
- javascript控制realplayer对象使用 2023-11-30
- jQuery Validate表单验证插件实现代码 2023-12-29
- js实现简单的网页换肤效果 2024-02-12
- AJAX请求以及解决跨域问题详解 2023-02-23
- vue自定义过滤器 2023-10-08
- 鼠标指向网页图片时图片周围显示虚线框 2024-01-25
- JS滚动到顶部踩坑解决记录 2023-07-10