使用overflow-wrap: break-word;如:

.yourelement{
  overflow-wrap: break-word;
}

<pre>标签呢?

来源:http://www.w3schools.com/tags/tag_pre.asp

您需要声明<span class="class_name"></span>内的内容。过了它，线就断了。

\A表示换行字符。

.class_name::after {
  content: "\A";
  white-space: pre;
}

在我的例子中，我需要一个输入按钮前面有一个换行符。 我应用如下样式的按钮，它工作:

clear:both;

使用,而不是空格将防止中断。

<span>I&nbsp;DONT&nbsp;WANT&nbsp;TO&nbsp;BREAK&nbsp;THIS&nbsp;LINE&nbsp;UP, but this text can be on any line.</span>

这适用于Chrome浏览器:

p::after {
  content: "-";
  color: transparent;
  display: block;
}