html添加空格——white-space: pre-wrap;
生活随笔
收集整理的這篇文章主要介紹了
html添加空格——white-space: pre-wrap;
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
示例：
<html>
<head>
<style type="text/css">
p
{
white-space: pre-wrap
}
</style>
</head>
<body>
<p>
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
</p>
</body>
</html>
CSS white-space 屬性
定義和用法
white-space 屬性設置如何處理元素內的空白。
| 值 | 描述 |
|---|---|
| normal | 默認。空白會被瀏覽器忽略。 |
| pre | 空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標簽。 |
| nowrap | 文本不會換行，文本會在在同一行上繼續，直到遇到 <br> 標簽為止。 |
| pre-wrap | 保留空白符序列，但是正常地進行換行。 |
| pre-line | 合并空白符序列，但是保留換行符。 |
| inherit | 規定應該從父元素繼承 white-space 屬性的值。 |
1.normal
空白被瀏覽器忽略了，原本的換行也被瀏覽器忽略了 ,遇到 <br> 標簽會換行
2.pre
會保留空格，不會自動換行，單行走到底，直到遇到一個換行符（原文本的換行以及<br> 標簽都可以）才會換行；
3.pre-wrap
pre與pre-wrap的不同點就是pre不會自動換行，pre-wrap會自動換行；
4.pre-line
5.nowrap
文本忽略空格，不會換行，文本會在在同一行上繼續，直到遇到 <br> 標簽為止。
總結
以上是生活随笔為你收集整理的html添加空格——white-space: pre-wrap;的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 整型变量(int)与字节数组(byte[
- 下一篇： 分块内存映射处理大文件-例子