Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

CSSでテキスト間に空白を設定するにはどうすればよいですか？

テキスト間に空白を設定するには、空白を使用します 財産。可能な値は、normal、pre、nowrapです。

例

次のコードを実行して、CSSのテキスト間に空白を設定することができます。

<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>

  1. CSSを使用して列間のルールの幅を設定します

    column-rule-widthを使用します 列間のルールの幅を設定するプロパティ。 例 次のコードを実行して、column-rule-widthプロパティを実装してみてください。 <!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;   &nb

  2. CSSを使用して列間のルールのスタイルを設定します

    列間のルールのスタイルを設定するには、 column-rule-styleを使用します 財産。次のコードを実行して、 column-rule-styleを実装してみてください。 プロパティ。 例 <!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;