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机器，Apache WAMP服务器上属于CakePHP的.ctp文件中使用它，并且这个数据是显式的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做了什么？你想要实现什么目标？

HTML代码上显示回车符

1 个答案: