IE 与显示不一致:表格单元格高度
为了动态构建用于数据显示的表格,许多开发人员依赖于显示属性:表格、表格行和表格单元格。虽然这种方法通常会在大多数浏览器中产生预期结果,但 IE 会出现特殊的不一致。
在实现此表格布局时,IE 中会出现一个常见问题:为显示设置的高度属性:表格单元格元素被忽略。这会导致与预期结果的偏差,内容溢出超出其预期范围。
尽管 CanIUse 建议在 IE8 中完全支持这些显示属性,但实际经验却表明情况并非如此。该问题不仅存在于 IE8 中,而且扩展到 IE11 之前的所有版本。
根据 CSS 2.1 规范, display: table-row 和 display: table-cell 元素中高度百分比值的行为仍然存在不明确的。这为跨浏览器的实现留下了不一致的空间。因此,仅仅依靠纯 CSS 解决方法就会出现问题,因为无法保证互操作性。
对于 IE8 兼容性,很明显,JavaScript 或基于非 CSS 的方法对于实现所需的高度行为是必要的表格单元格。在 Microsoft Connect 上提出问题可能会提高人们的认识,但在行为发生改变之前,必须探索替代解决方案。
以上是为什么'display: table-cell”高度在 Internet Explorer 中工作不一致?的详细内容。更多信息请关注PHP中文网其他相关文章!