html – 表格单元格属性忽略宽度

我为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：

hey

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;
}​

原文地址：https://www.jb51.cc/html/426223.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。