HTML 代码中显示回车符

Question

我讨厌问，但我不得不问。我有一个html代码。由于某种原因，回车符被保存并显示在我的浏览器中。

<div class="module">
    <p>Some data 

    some data <strong> more data
    more data</strong> and even more data </p>
</div>

显然我希望这能显示：

一些数据一些数据更多数据更多数据甚至更多数据。

相反，该段落保留回车/换行符。我以为问题出在Netbeans上，所以我下载了Notepad++，但问题仍然存在。谢谢

我应该补充一点，我在 Windows 机器上属于 CakePHP 的 .ctp 文件中使用它，Apache WAMP 服务器，并且该数据是显式 html，不由 php 回显。

我目前的班级风格如下：

.module{
     border: 1px solid   darkgrey;
     background-color: #F3F3F3;
     border-radius: 5px;
     padding:5px;
     margin-bottom: 1em;
     overflow:  auto;

}

我还添加了任何可能影响我的代码的适用样式，也许你们可以发现它。

body {

          margin: 0;
    padding: 0;
          font-family: 'Tahoma';
          letter-spacing: 1px;

}

p, ul, ol {
    margin-top: 0;
          line-height: 160%;

}

p{
          white-space: pre-wrap; /* css-3 */
          white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
          white-space: -pre-wrap; /* Opera 4-6 */
          white-space: -o-pre-wrap; /* Opera 7 */
          word-wrap: break-word; /* Internet Explorer 5.5+ */
}

p 标签上的空白样式我添加它是为了防止用户输入不带空格的长单词作为破坏页面的形式。

Answer 1

你确实有white-space:pre-wrap你的p！

你以为有什么white-space:pre-wrap作用呢？你想达到什么目的？