white-space 属性设定处理空白元素
/* Keyword values */
white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: break-spaces;
/* Global values */
white-space: inherit;
white-space: initial;
white-space: unset;
| 属性 | 属性值 |
|---|---|
| noraml | 连续的空白符会被合并,换行符会被当作空白符来处理。内容超出盒子自动换行 |
| nowrap | 和 normal 一样,连续的空白符会被合并。但文本内的换行无效 |
| pre | 连续空白保留,遇到换行或<br/>元素才换行 |
| pre-wrap | 连续的空白符会被保留。在遇到换行符或者<br>元素,或者需要为了填充「行框盒子(line boxes)」时才会换行 |
| pre-line | 连续的空白符会被合并。在遇到换行符或者/ 元素,或者需要为了填充「行框盒子(line boxes)」时会换行 |
通常保持文章段落,通常使用pre-wrap,保留换行,空格,内容随宽度自动换行