この章では、css で単語の間隔を設定する方法を紹介します。これには一定の参考値があります。必要な友人はそれを参照できます。お役に立てば幸いです。
文字間隔は css レイアウトではほとんど使用されませんが、テキストの組版では使用されることがあるため、css の文字間隔レイアウト方法を理解し、習得する必要があります。
集計方法に関しては、実際には、単語と単語間隔をレイアウトするための css スタイルがあります。それは非常に簡単です。letter-spacing を使用して、必要な css 単語間隔要件を達成できます。 。
letter-spacing:5px - オブジェクト内の単語間の間隔を 5px に設定します
letter-spacing:2px - オブジェクト内の単語間の間隔を 2px に設定します
漢字、英語、アラビア数字はいずれも有効で、すべての主要なブラウザと互換性があります。
1. div css で単語の間隔を設定するコード例
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>间距实例 thinkcss</title> <style> .jianju{ letter-spacing:10px} </style> </head> <body> <p>正常未设置字间距显示内容</p> <p class="jianju">thinkcss设置了letter-spacing字间距为10px,看看效果</p> </body> </html>
2. 単語の間隔効果のスクリーンショット
p>
3. マスター手順
設定する必要があるオブジェクトの css 文字間隔 (単語間隔) スタイルを設定し、レイアウト要件に従って間隔値を設定するだけです。 。