ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS文字間レイアウトで文字間隔を設定するにはどうすればよいですか?

CSS文字間レイアウトで文字間隔を設定するにはどうすればよいですか?

WBOY
リリース: 2018-09-27 15:19:19
オリジナル
2676 人が閲覧しました

この章では、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. 単語の間隔効果のスクリーンショット

CSS文字間レイアウトで文字間隔を設定するにはどうすればよいですか?

p>

3. マスター手順
設定する必要があるオブジェクトの css 文字間隔 (単語間隔) スタイルを設定し、レイアウト要件に従って間隔値を設定するだけです。 。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート