如何实现相同的输出没有<br>?
<p>hello <br> How are you </p>
输出:
hello How are you
当前回答
也许有人会有和我一样的问题:
我在一个带有display: flex的元素中，所以我必须使用flex-direction: column。
其他回答
例如，您可以添加大量的填充和强制文本拆分到新行
p {
padding-right: 50%;
}
对我来说，在响应式设计的情况下工作得很好，只有在一定的宽度范围内，文本才需要被分割。
使用,而不是空格将防止中断。
<span>I DONT WANT TO BREAK THIS LINE UP, but this text can be on any line.</span>
使用overflow-wrap: break-word;如:
.yourelement{
overflow-wrap: break-word;
}
<pre>标签呢?
来源:http://www.w3schools.com/tags/tag_pre.asp
基于之前所说的，这是一个工作的纯CSS解决方案。
<style>
span {
display: inline;
}
span:before {
content: "\a ";
white-space: pre;
}
</style>
<p>
First line of text. <span>Next line.</span>
</p>
