Css 柔性包装不起作用

flex wrap无缘无故不起作用

如果我缩放页面，它会下降，但它什么也没做

家长：

.team-table{
    padding: 0;
    margin: 0;
    width: 960px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

儿童：

.team-table-cell {
    display: block;
    border: #7c7a91 solid 1px;
}

---

从flexbox中删除

宽度

参见小提琴：

或者如Paulie_D注释所示，使用
max width
代替
width


body，div，a，li，ul，p，h1，h2，h3，img，span{
保证金：0；
填充：0；
}
img{
对象匹配：包含；
}
h3{
字体系列：Roboto；
字体大小：14px；
文本转换：大写；
颜色：#7c7a91；
}
img{
对象匹配：包含；
}
p{
字体大小：正常；
字体系列：“RobotoLight”；
字体大小：14px；
颜色：#fff；
线高：23px；
}
.团队表{
填充：0；
保证金：0；
文本对齐：居中；
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
弯曲方向：行；
证明内容：周围的空间；
柔性包装：包装；
}
.团队表格单元{
显示：块；
边框：#7c7a91实心1px；
}
.团队表img{
背景：#fff；
宽度：220px；
高度：230像素；
边界：无；
}
.队名{
边缘顶部：20px；
}
.团队光盘{
填充底部：17px；
边缘顶部：2倍；
颜色：#7c7a91；
文本转换：大写；
}

Semf Ucuk
首席执行官和创始人

迪克阿达林
工程
郑科尔
设计师

宠物罗马克
营销
从flexbox中删除
宽度

参见小提琴：

或者如Paulie_D注释所示，使用
max width
代替
width


body，div，a，li，ul，p，h1，h2，h3，img，span{
保证金：0；
填充：0；
}
img{
对象匹配：包含；
}
h3{
字体系列：Roboto；
字体大小：14px；
文本转换：大写；
颜色：#7c7a91；
}
img{
对象匹配：包含；
}
p{
字体大小：正常；
字体系列：“RobotoLight”；
字体大小：14px；
颜色：#fff；
线高：23px；
}
.团队表{
填充：0；
保证金：0；
文本对齐：居中；
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
弯曲方向：行；
证明内容：周围的空间；
柔性包装：包装；
}
.团队表格单元{
显示：块；
边框：#7c7a91实心1px；
}
.团队表img{
背景：#fff；
宽度：220px；
高度：230像素；
边界：无；
}
.队名{
边缘顶部：20px；
}
.团队光盘{
填充底部：17px；
边缘顶部：2倍；
颜色：#7c7a91；
文本转换：大写；
}

Semf Ucuk
首席执行官和创始人

迪克阿达林
工程
郑科尔
设计师

宠物罗马克
营销
删除您定义的宽度，它将工作“如果我缩放页面，它必须向下”-这意味着什么？我告诉过table Cell删除您定义的宽度，它将工作“如果我缩放页面，它必须向下”-这意味着什么？我告诉过cellOr，把它改成
max width
会更好。或者把它改成
max width
会更好。