所有元素上的CSS自动换行

我们的一个QA人员在字段集中发现了一个bug，在该字段集中，长单词会从元素中跳出。我用一个简单的换行词来修复这个问题：打断单词。但后来他们发现了另一个。还有一个。还有一个

我可能会和他争论很久，我说这是一个愚蠢的错误，因为没有用户会输入一个60个字母的单词，但修复它可能更容易。你的想法是什么

* { word-wrap: break-word }

我不知道这会引起什么问题

编辑：在多个不同的上下文中，有多个位置会显示此消息

在某些地方，它看起来像这样：

<fieldset>
  <p>Here_is_a_really_long_string</p>
</fieldset>

这是一根很长的绳子

我们发现的另一个地方是：

<table>
..
<td>Here_is_a_really_long_string</td>

..
这是一根很长的绳子

我认为我们看到的最大的地方是很长的URL字符串，我们从中导入这些内容的RSS提要中有数据，比如here_is_a_字符串

---

我会和QA/项目经理谈谈，但我不知道客户对省略号会有什么感觉。

您可以限制区域的宽度，并在末尾添加一些“…”。 试试这个

---

最好的办法是使用溢出：在需要的地方隐藏。您不想覆盖默认的元素换行。

在英语中，60个字母的单词并不常见，但在其他语言中可能不是这样。因此，这在一定程度上取决于您的软件将如何使用，以及谁对这些内容负责

如果您像这样修复它，我至少会使用一个更具体的选择器，并将包装仅应用于特定表单或页面的其他相关部分，而不是所有元素

还有，我会和问答员谈谈。也许他们同意这毕竟不是一个真正的问题，尽管如果你想让他们站在你这边，我会更小心地称之为“愚蠢的错误”。） 但是，即使他们坚持认为它应该被修复，也许他们对如何修复它有一些想法。可能是

overflow:hidden

或使用省略号是可以接受的，或者他们认为最好还是使用换行符来确保所有文本都可见

---

无论如何，在大多数情况下，最快的解决方案就是进行讨论。一点聊天通常比通过拉式请求进行交流更有建设性。

我们能看到更多提供上下文的代码吗？但是，您有不想要它的具体原因吗？我的项目经理说他们不想隐藏内容。如果是错误的内容，你为什么要显示它？当然，我不能为你回答这个问题。另一个解决方案是用省略号截断并添加一个标题标签。如果用户将鼠标移到内容上，它将显示整行内容。只是个主意。

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}