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

前端之家收集整理的这篇文章主要介绍了html – 表格单元格属性忽略宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

  1. .right{
  2. display: table-cell;
  3. overflow: hidden !important;
  4. vertical-align: top;
  5. width: 400px;
  6. }
最佳答案
奇怪,this JSFiddle似乎对我有用.

您遇到什么问题的浏览器?

另外,要强制表格单元格的最大宽度,请使用max-width属性.您可以see it here,代码如下.

HTML:

CSS:

  1. .table {
  2. display: table;
  3. }
  4. .tr {
  5. display: table-row;
  6. }
  7. .right{
  8. display: table-cell;
  9. overflow: hidden !important;
  10. vertical-align: top;
  11. max-width: 400px;
  12. outline: 1px solid #888;
  13. }​

猜你在找的HTML相关文章