Question

Web开发的新手 - 必须限制单元格的大小（display:table-cell），因此使用overflow:hidden

如果单元格内容超过单元格的宽度（我希望它被隐藏），即使使用overflow:hidden

，内容也不会被隐藏

这是代码的要点

<html>
<style type="text/css">
.table{
display: table;
}
.row{
display: table-row;
} 
.cell{
display: table-cell;
}
.mod{
width: 50px;
overflow: hidden;
border:1px solid black;
}
</style>
<div class="table">
 <div class="row">
  <div class="cell">
   Foo
  </div>
  <div class="cell mod">
   barbarbarbarbarbar
  </div>
 </div>
</div>
</html>

如果宽度（在类mod中）被替换为max-width - 它似乎有用。关于它如何使用max-width而不是width

的概念

Answer 1

为了溢出：隐藏起作用，元素必须浮动。如果设置float：left;在.mod类中，它将隐藏不适合单元格的其余文本。

请注意，您应该浮动其他类，以便以后不会遇到问题。

溢出：隐藏在单元格上 - 意外结果

1 个答案: