CSS空白white-space

本文概述

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

    推荐阅读