首页 > web前端 > css教程 > 正文

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

Susan Sarandon
发布: 2024-11-17 21:32:01
原创
982 人浏览过

Why Don't Fieldsets Resize to Fit Overflowing Content?

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

问题:

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

原因:

默认情况下,

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

修复:

覆盖此默认行为,可以设置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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板