CSS | CSS中如何处理空白元素

429 阅读1分钟

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,保留换行,空格,内容随宽度自动换行