如何使短语中的文本中断？

Question

我正在建立一个自适应网站。由于css的范围介于320和480px之间，因此我遇到的问题是文本在单个单词而不是短语中断开。我不确定这是否可以用css完成。我认为将需要javascript。

我试图说明发生了什么：

每个单词都打破了。

-------------------------------------------
| phrase one bla bla bla > phrase two bla |         
| bla > phrase three bla                  |
-------------------------------------------

我需要的是在每个短语之后打破它。我希望它看起来像这样：

-------------------------------------------
| phrase one bla bla bla                  |         
| phrase two bla bla > phrase three bla   |
-------------------------------------------

我添加了一个符号＆＃34;＆gt;＆＃34;这些短语之间。如果符号在线的末尾被消除，那也很好。

Answer 1

在HTML中，在每个短语中，将空格替换为HTML实体 （代表非破坏空间）：

phrase one bla bla bla phrase two bla bla phrase three bla

短语之间的空格应该是普通（破碎）空格。

Answer 2

您需要的是一个名为break的HTML标记。

<br>

您的解决方案可能如下所示：

<p>phrase one bla bla bla
   <br>phrase two bla bla
   <br>phrase three bla.</p>

此处有更多信息：http://www.w3schools.com/tags/tag_br.asp