空白处理

定义

用于控制元素的空格属性的工具类。

工具类	属性
whitespace-nowrap	white-space: nowrap;
whitespace-pre	white-space: pre;
whitespace-pre-line	white-space: pre-line;
whitespace-pre-wrap	white-space: pre-wrap;

示例

不保留空格不自动换行

使用 whitespace-nowrap 来防止文本在元素中被包裹。换行和空格将被折叠。

The quick brown fox jumps over the lazy dog. 白日依山尽，黄河入海流。 欲穷千里目，更上一层楼。

保留空格不自动换行

使用 pre 来保留元素中的换行和空格。文本不会被包装。

The quick brown fox jumps over the lazy dog. 白日依山尽，黄河入海流。 欲穷千里目，更上一层楼。

不保留空格自动换行

使用 whitespace-pre-line 保留换行，但不保留元素中的空格。文本将被正常包装。

The quick brown fox jumps over the lazy dog. 白日依山尽，黄河入海流。 欲穷千里目，更上一层楼。

保留空格自动换行

使用 whitespace-pre-wrap 来保留元素中的换行和空格。文本将被正常包装。

The quick brown fox jumps over the lazy dog. 白日依山尽，黄河入海流。 欲穷千里目，更上一层楼。