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

概述我为div设置了一个CSS propery table-cell.我还指定了div的宽度并设置了隐藏的溢出.但由于table-cell属性,div不关心宽度.如果我放置任何大图像,它会超出宽度.我如何使用表格单元格并使用固定宽度的div？.right{ display: table-cell; overflow: hidden !import

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

总结

以上是内存溢出为你收集整理的html – 表格单元格属性忽略宽度全部内容，希望文章能够帮你解决html – 表格单元格属性忽略宽度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1122811.html