为什么字段集不调整大小以适应溢出的内容？

具有最小宽度约束的调整大小问题

问题：

当元素包含溢出内容时，它们不会按预期调整其宽度。

原因：

默认情况下，

元素具有最小内容的最小宽度约束，这意味着它们永远不会比其内容的固有宽度窄。

修复：

覆盖此默认行为，可以设置min-width: 0;在上。但是，这仅适用于 WebKit 和 Firefox 53 。

Gecko 特定的解决方法：

在 Firefox 的早期版本中，您还可以设置 < 的显示属性;字段集>为以下值之一：

• table-cell （推荐）
• table-column
• table-column-group
• table-footer-gr oup
• 表头组
• 表行
• 表行组

是@-moz-document 安全吗？

对于这个特定问题，使用 @-moz-document 向其他浏览器隐藏 Gecko 特定的解决方法是合理的。不过，一般不建议使用 @-moz-document 来定位 Firefox。

JavaScript 解决方案：

如果需要支持 WebKit 和 Firefox 以外的浏览器53、您可以使用JavaScript手动设置

的宽度。到所需的值。

以上是为什么字段集不调整大小以适应溢出的内容？的详细内容。更多信息请关注PHP中文网其他相关文章！