文章/答案/技术大牛

发布

社区首页 >问答首页 >表格单元格的内容会垂直溢出吗？

问表格单元格的内容会垂直溢出吗？
EN

Stack Overflow用户

提问于 2015-04-22 14:16:54

回答 1查看 186关注 0票数 1

表单元可能具有溢出的内容，如固定表布局中所解释的那样。

任何具有溢出内容的单元格都会使用“溢出”属性来确定是否要剪辑溢出内容。

但这种溢出能是垂直的吗？表高算法说

在CSS 2.1中，单元格框的高度是内容所需的最小高度。

所以如果我理解正确，那就不可能了。但我可以在Firefox上实现这一点：

table {
  height: 0;
  border: 5px solid blue;
}
td {
  width: 100px;
  height: 100%;
  border: 5px solid red;
}
div {
  height: 100%;
  border: 1px solid;
  background-color: yellow;
}

<table>
  <tr>
    <td>
      <div>Foo</div>
      <div>Bar</div>
    </td>
  </tr>
</table>

我是误解了规范，还是这是个错误？

css

firefox

overflow

language-lawyer

css-tables

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-04-22 14:37:17

§17.5.3表高度算法还说

CSS2.1没有定义在使用百分比值指定表单元格和表行的高度时如何计算它们的高度。

这确实表明--在不同的浏览器中，你得到的结果大相径庭。

以下是IE上的样子：

在Chrome上：

据我所知：

Chrome是通过让两个div元素都达到其内容所需的最小高度、相应地调整表的大小和忽略div元素上的height: 100%声明来计算所需的最小高度。
IE和Firefox的表大小与Chrome非常相似，但是他们选择将height: 100%应用于div元素。这将导致您描述的溢出。
IE做了一些奇怪的事情，它将第一个div向上扩展，似乎完全忽略了基线，尽管div元素是块级的，而不是内联级的。

由于这是未定义的行为，特别是处理百分比高度的行为，因此很难判断在这种特定情况下任何浏览器是否正确或错误。我怀疑你更有可能通过在表格单元格上指定固定高度来获得一个满意的答案，尽管还没有得到保证。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29800415

复制

相似问题

问表格单元格的内容会垂直溢出吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问表格单元格的内容会垂直溢出吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问表格单元格的内容会垂直溢出吗？
EN