在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++，但问题仍然存在。感谢

我应该补充一点，我在一个.ctp文件中使用这个文件，该文件属于Windows机器Apache WAMP服务器上的CakePHP，并且这个数据是显式的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

您的p上有white-space:pre-wrap！

你认为white-space:pre-wrap做什么？你想达到什么目的？