max-width不在fieldset中的锚点上工作

Question

我正在尝试构建一个页面，其内容始终在可见宽度范围内。这很好，直到我添加了一个字段集。

出于某种原因，当锚点位于字段集中时，锚文本不会中断。任何人都可以告诉我 - 为什么？ - 如何规避这个？

示例：

<fieldset>
  <a href="example.com">verylonglinktextthatmakesproblemsinsmallwindows</a>
</fieldset>
<a href="example.com">verylonglinktextthatbreaksmagicallyoutsidethefieldset</a>

这是一个小提琴： https://jsfiddle.net/myngsges/2/

Answer 1

添加＆＃39; min-width：auto;＆＃39;似乎这样做。参考：Word-wrap doesn't apply to div inside fieldset in chrome

Answer 2

在某些词之间加一个空格，我会说。