文章详情页
css3 - 关于display: -webkit-box;下的-webkit-box-flex: 1。实际效果宽度并不是1:1
问题描述
如下代码http://jsbin.com/cavusimoto/edit?html,css,output
简单的一行两列,用的-webkit-box-flex: 1那么2列的宽度应该都是50%,可是实际情况是,文字多的那一列,宽度会更多一点。为什么呢?
问题解答
回答1:加个width: 0;就行了,那些加了-webkit-box-flex: 1;的
回答2:-webkit-box-flex: 1 表示分配父容器剩余的宽度的比例是1:1,而不是针对父容器总的宽度。第二个子元素你多写点内容就明显看到效果了:
<p class='bb'>1122234411222344112223441122234411222344</p>
标签:
CSS
相关文章:
1. javascript - 百度地图一开始设置了中心点,怎么通过按钮在调转到对应的中心点????2. 前端 - 怎么用 css3实现波浪底纹效果?3. angular.js - 通过数据中children的个数自动生成能点击展开的div4. CSS3 动画是表现还是行为?5. css3 - Firefox 字号相对IE、Chrome更大,如何在CSS中统一?6. angular.js - $scope获取不到值7. angular.js - ngview配置路由失败8. objective-c - 类似微信单聊的功能,想把聊天记录直接存入Sqlite,怎么建表.9. angular.js - ui-router 有没有手动重新加载路由配置的方法?10. css - 关于图标字体
排行榜