CSS white-space空白属性用来指定如何显示的元素中的内容。它用于处理元素内部的空白。
有许多空白值可用于显示元素内部的内容。
值 | 描述 |
---|---|
normal | 这是默认值。在此值下,必要时将换行。空白序列将折叠为单个空白。 |
nowrap | 空白序列将折叠为单个空白。在此值下,文本将永远不会换行到下一行,只有在使用标记时才会中断。 |
pre | 空白由浏览器保留。它就像html pre标签一样。文本只会在换行符上换行。 |
pre-line | 空白序列将折叠为单个空白。必要时将文本换行,并在线换行。 |
pre-wrap | 空白由浏览器保留。必要时将文本换行,并在线换行。 |
initial | 它将此属性设置为其默认值。 |
inherit | 它从其父元素继承此属性。 |
<!DOCTYPE html> <html> <head> <style> p { white-space: nowrap; } </style> </head> <p> 写一些文字。写一些文字。写一些文字.. 写一些文字。写一些文字。写一些文字.. 写一些文字。写一些文字。写一些文字.. 写一些文字。写一些文字。写一些文字. 写一些文字。写一些文字。写一些文字.. </p> </html>测试看看‹/›