利用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个方法
基础教程推荐
猜你喜欢
- layui中tree组件使用报错tree.render is not a function 2022-10-21
- vue离线环境如何安装脚手架vue-cli 2025-01-19
- vue项目文件命名规范介绍 2025-01-18
- 纯CSS实现一个简单步骤条的示例代码 2024-03-31
- 谷粒商城学习日记(17)——Vue语法入门(2) 2023-10-08
- js字符串中空格和换行符(\r,\s,\n,\r\n)浅析 2022-08-30
- layUI ajax加载html页面后重新渲染的方法 2023-02-23
- yii gridview实现时间段筛选功能 2024-04-08
- 详解微信小程序开发聊天室—实时聊天,支持图片预览 2024-04-23
- echarts几个公司内部数据可视化图表必收藏 2022-08-31