css3盒子模型，display:-webkit-box的问题
发布网友
发布时间：2022-04-22 01:26
共2个回答
热心网友
时间：2023-07-02 12:59
最简单的办法是：使用 box-flex 的每一个子元素都加上一句： width: 0%;，原因不明，反正有效。具体CSS修改如下：
.test{background:red;
display:-webkit-box;
width:600px;
height:300px;
}
.test1{
background:green;
-webkit-box-flex:1;
width: 0%; /* ****加上这一行**** */
}
.test2{
background:blue;
-webkit-box-flex:1;
overflow: hidden;
width: 0%; /* ****加上这一行**** */
}
.test3{
background:yellow;
-webkit-box-flex:1;
width: 0%; /* ****加上这一行**** */
}
热心网友
时间：2023-07-02 12:59
你设置子层的宽度，看是否能隐藏啊。
或者加入
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;这些事实呢
