我为div设置了一个CSS propery table-cell.我还指定了div的宽度并设置了隐藏的溢出.但由于table-cell属性,div不关心宽度.如果我放置任何大图像,它会超出宽度.
我如何使用表格单元格并使用固定宽度的div？
.right{
display: table-cell;
overflow: hidden !important;
vertical-align: top;
width: 400px;
}
最佳答案
奇怪,this JSFiddle似乎对我有用.
您遇到什么问题的浏览器？
另外,要强制表格单元格的最大宽度,请使用max-width属性.您可以see it here,代码如下.
HTML：
CSS：
.table {
display: table;
}
.tr {
display: table-row;
}
.right{
display: table-cell;
overflow: hidden !important;
vertical-align: top;
max-width: 400px;
outline: 1px solid #888;
}
