空格是一个帮助控制如何处理元素文本中的空格和换行符的CSS属性。
空格 属性可以采用以下值:
- NORMAL:默认值。多个空格被折叠为一个空格。文本在需要时换行到下一行。
- nowrap:多个空格折叠成一个空格,但文本不会换到下一行。我们已经discussed]了如何使用nowrap值来防止换行。
- PRE:与使用
的结果相同,在
中,所有空格将保持原样,文本仅在内容中有换行符时换行。
- 前行:多个空格折叠为一个空格,文本在需要时或内容中有换行符时换到下一行。
- 前换行:类似于前换行,但文本也会在需要时换行。
white-space:正常
Medusafish banded killifish convict blenny saury threadsail beluga sturgeon. Indian mul mora cisco masu salmon, roosterfish requiem shark longnose lancetfish bluefish red snapper Sacramento splittail giant danio.
空格:Now Rap
Medusafish banded killifish convict blenny saury threadsail beluga sturgeon. Indian mul mora cisco masu salmon, roosterfish requiem shark longnose lancetfish bluefish red snapper Sacramento splittail giant danio.
white-space:pre
这里我手动添加了换行符和额外的空格。请注意在开始处多了一个换行符。这是因为在标记中,文本从元素后面的行开始
。
Medusafish banded killifish convict blenny saury threadsail beluga sturgeon. Indian mul mora cisco masu salmon, roosterfish requiem shark longnose lancetfish bluefish red
萨克拉门托裂尾巨型达尼奥。
前行
在这里,文本在需要时中断,但我也手动中断了最后几个单词。我包含了相同的额外空格,但它们现在已折叠。
Medusafish banded killifish convict blenny saury threadsail beluga sturgeon. Indian mul mora cisco masu salmon, roosterfish requiem shark longnose lancetfish bluefish red snapper Sacramento splittail giant danio.
预包装
现在,多余的空格并没有折叠。
Medusafish banded killifish convict blenny saury threadsail beluga sturgeon. Indian mul mora cisco masu salmon, roosterfish requiem shark longnose lancetfish bluefish red snapper Sacramento splittail giant danio.