ホームページ > 記事 > ウェブフロントエンド > CSSフォントの間隔を調整するにはどうすればよいですか? CSSの文字間隔を調整する方法
CSSフォントの間隔を調整するにはどうすればよいですか? CSSの文字間隔を調整する方法
- 不言オリジナル
- 2018-10-08 11:35:268955ブラウズ
フロントエンド開発のプロセスでは、単語が比較的コンパクトに見えることがあり、ページの見栄えが悪くなります。では、この問題を解決するにはどうすればよいでしょうか。 css を使用してテキストの間隔を設定し、単語間の距離を大きくすることを考えれば、ページ レイアウトのデザインに合わせてページをより美しくすることができます。この記事では css のフォント間隔調整方法を紹介しますので、困っている方は参考にしてください。
CSS で単語間の間隔を解決する方法は、CSS スタイル属性の Letter-spacing を使用することです。letter-spacing 属性は、単語間の間隔、つまり文字間の距離を調整するために使用されます。 CSS のテキスト間隔属性、letter-spacing の使用法を直接見てみましょう。 たとえば、letter-spacing:20px; は単語間の距離を 15px に設定します。css フォント間隔調整コード:
<html>
<head>
<style type="text/css">
p{font-size:20px;
letter-spacing: 20px
}
</style>
</head>
<body>
<p>php中文网文字间隔</p>
</body>
</html>
css フォント間隔調整効果は次のとおりです:
css ユーザー マニュアルを参照してください。
以上がCSSフォントの間隔を調整するにはどうすればよいですか? CSSの文字間隔を調整する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。