文章详情页
前端 - Flex布局中容器中项目的宽度设置问题?
问题描述
问题的演示地址:点击这里
想实现的布局是按照2:1:1的宽度排列,但是现在在第三个项目中如果增加了比较多的内容,这个项目的宽度就会随着内容的增加而增加,破坏了2:1:1的结构。
我在这里看到使用flex-basis:0的方式:
.column {margin: 10px;flex-grow: 1;flex-shrink: 1;flex-basis: 0; } .column:first-of-type {flex-grow: 2;flex-shrink: 2;flex-basis: 0; }
但是我这样设置了并没有产生效果,期望的效果是这样的:
请问下该怎样实现?
问题解答
回答1:shrink设为0
回答2:width:0;完美解决
相关文章:
1. javascript - 使用JavaEE——SSH框架开发Web项目,如何使用CORS实现跨域请求?2. navicat for mysql 如何导出表的索引3. java - 微信退款,公账号向个人转账SSL验证失败4. django - python 2层文件夹导入5. javascript - 使用node multer如何上传文件到多台服务器?6. nginx - php-fpm更改默认端口后无法启动7. javascript - 用jq ajax可以获取不同域的数据吗?8. 读取音频文件并使用Java显示波形。9. 请问朱老师,如何配置url访问路由10. Mysql 组合索引最左原则的疑惑
排行榜
![javascript - 用jq ajax可以获取不同域的数据吗?](http://www.haobala.com/attached/image/7.jpg)