Css-white-space

提供：Dev Guides

移動先:案内、検索

CSS-空白

説明

_white-space_プロパティは、要素内の空白のユーザーエージェントの処理を変更するために使用されます。

可能な値

通常-要素内の空白のシーケンスは、単一のスペースに変換されます。
pre -複数のスペースと復帰を含む、要素内のすべての空白が尊重されます。
nowrap -要素内の空白のシーケンスはすべて単一のスペースに変換されますが、ワードラッピングは無効になっています。

に適用されます

すべてのブロックレベル要素。

DOM構文

object.style.whiteSpace = "pre";

例

以下は、要素内の空白がどのように処理されるかを示す例です。

<html>
   <head>
   </head>

   <body>
      <p style = "white-space:pre;">
         This text has a line break and the white-space pre setting
         tells the browser to honor it just like the HTML pre tag.
      </p>
   </body>
</html>

これにより、次の結果が生成されます–

「https://www.finddevguides.com/index.php?title=Css-white-space&oldid=11734」から取得

Css Tutorial