追加画面文言时注意【×硬换行】与【○软换行】

前言：

为什么会有这个问题?

比如我们要在页面显示一段文字。

            在量子初生的那些日子里，物理学的境遇并没有得到明显的改善。

这个叛逆的小精灵被他的主人所抛弃，不得不在荒野中颠沛流离，积

蓄力量以等待让世界震惊的那一天。在这段长达四年多的惨淡岁月里，

人们带着一种鸵鸟心态来使用普朗克的公式，却掩耳盗铃般地不去追究

那公式背后的意义。然而在他们的头上，浓厚的乌云仍然驱之不散，

反而有越来越逼人的气势，一场荡涤世界的暴雨终究无可避免。

错误的实现方式：

这时，我们想以在每行后面加上<br>来实现。

问题：

问题发生场所1：手机设备上的浏览器。

因为有手机设备，在手机上，每一行显示的文字是非常少的，如果

你按照上面方式回车的话在手机上你所看到的便是一段一段的！！、

（         以上这种情况（在手机页面自动折行），页面需对画面设置

时相应的js才能达到这种效果）

问题发生场所2 ： MAC safari浏览器。

        同时，在MAC的Safari浏览器下，每一行显示的字数也比一般

浏览器少！所以有时在MAC机上也会出现问题。

解决：

所以这时，我们要把上面的文字当做一行来处理。

使用<p>XXXXX</p>