CSSフォントの間隔を調整するにはどうすればよいですか? CSSの文字間隔を調整する方法-CSSチュートリアル-php.cn

CSSフォントの間隔を調整するにはどうすればよいですか? CSSの文字間隔を調整する方法

不言

リリース： 2018-10-08 11:35:26

オリジナル

9064 人が閲覧しました

フロントエンド開発のプロセスでは、単語が比較的コンパクトに見えることがあり、ページの見栄えが悪くなります。では、この問題を解決するにはどうすればよいでしょうか。 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の文字間隔を調整する方法

注: 単語の間隔を設定しても効果がない場合は、div が間違ったレベルにあるかどうかを確認してください。line-height を通じて行間隔を設定することもできます。

上記はこの記事の全内容です。CSS テキスト間隔属性の Letter-spacing の詳細については、

css ユーザーマニュアルを参照してください。

以上がCSSフォントの間隔を調整するにはどうすればよいですか? CSSの文字間隔を調整する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。