内容溢出提交的表格

【问题标题】：Content Over Flow Submitted Forms内容溢出提交的表格
【发布时间】：2015-04-08 01:09:28
【问题描述】：

我找不到任何东西可以回答我的问题，所以我会在这里问：如何将表单提交的内容与页面空间保持一致？如果表单提交的行很长，没有足够的空间，没有空格或没有句点，内容会在我的页面上水平流动并破坏设计和内容。我可以做些什么来防止在我的代码中出现这种情况？

这是截图

【问题讨论】：

虽然这么长的字符串没有空格被认为是一个完整的单词很荒谬，但如果可能，请尝试使用截断。
这与我的需要无关。我想知道如何将文本限制在我的页面中

标签： css ruby-on-rails forms

【解决方案1】：

不确定如何避免用户在表单中输入此类文本，但您可以使用 CSS 属性 word-break 阻止结果页面显示：

.content {
  word-break:break-word;
}

<p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius justo vel ullamcorper viverra. Quisque nec eros felis. Pellentesque cursus id sem quis luctus. Proin sapien libero, accumsan non sollicitudin eu, tincidunt sed lacus.</p>
<p class="content">Loremipsumdolorsitamet,consecteturadipiscingelit.Donecvariusjustovelullamcorperviverra.Quisquenecerosfelis.Pellentesquecursusidsemquisluctus.Proinsapienlibero,accumsannonsollicitudineu,tinciduntsedlacus.</p>

【讨论】：