html - 如何使 HTML 中的每条换行符在浏览器中显示为换行符?

标签 html css

<分区>

有 - HTML及其 CSS -

HTML -

<html>
<head>
    <link href="css/breakLineInBrowser.css" rel="stylesheet">
</head>
<body>
    <p>
     Line 1. 
     Line 2.
     Line 3.
    </p>
</body>
</html> 

CSS -

p {

}

DEMO

在浏览器中显示为 -

Line 1. Line 2. Line 3.

哪个CSS我已将属性添加到 p {} 中为了让它显示为 -

Line 1. 
Line 2.
Line 3. 

?

(我不在 HTML 中使用 </br> 寻找解决方案)

最佳答案

您可以使用 css 的 white-space 属性。

white-space: pre-line;

关于html - 如何使 HTML 中的每条换行符在浏览器中显示为换行符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23592553/

上一篇:html - 当下一项具有 CSS 类时添加边距

下一篇:html - CSS内联内容后

相关文章:

javascript - Gulp watch 破坏了生产文件

javascript - 我一次可以播放多少个 HTML 音频元素?

javascript - 有关使用 HTML/CSS/JavaScript 编写应用程序的 Windows 8 Metro 资源列表?

css - 如何固定 <span> 标签的宽度

javascript - 调整屏幕大小后子菜单不显示

javascript - 检测输入类型文本的编程更改

html - 使用内联 block 时垂直对齐文本

javascript - html/js : go back to previous page in the same scroll position

css - 虽然 Ejs 文件没有看到 css 样式?

CSS 自定义属性依赖关系未解析,为什么?另外,我是否发现了未记录的行为?