CSSはletter-spacingプロパティを通じて単語間の間隔を制御します。
|
letter-spacing プロパティ: 文字間のスペース (文字間隔) を増減します。 このプロパティは、テキスト文字ボックス間に挿入するスペースの量を定義します。文字グリフは文字ボックスよりも狭いことが多いため、長さの値を指定すると、文字間の通常の間隔が調整されます。したがって、normal は値 0 に相当します。
<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="UTF-8">
<title>ここにタイトルを挿入</title>
<スタイル タイプ="text/css">
スパン{
文字間隔: 10px;
}
</スタイル>
</head>
<本文>
<span>単語間隔をテストする</span>
</本文>
</html>効果：
要約する CSS の letter-spacing プロパティを使用して文字間の間隔を制御する方法についての記事はこれで終わりです。CSS の単語間隔に関する関連コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: ウェブサイト上のWeiboコンポーネントの再設計の詳細な紹介（写真とテキスト）
>>: CentOS7にNginxを素早くインストールする方法を教えます
推薦する
ソースコードから、Vue2がデータとメソッドを直接取得できる理由がわかる
目次1. 例: これはデータとメソッドを直接取得できます2. 環境を準備し、ソースコードをデバッグし...
熟練デザイナーの7つの原則（1）：フォントデザイン
まあ、あなたはデザインの達人かもしれませんし、あるいはそれは大げさすぎるかもしれませんが、少なくとも...
MySQLでクエリキャッシュを実行する方法と失敗を解決する方法
関数を使用する前にパラメータのプロパティを理解して、関数の使い方をより深く理解する必要があることは誰...
MySQL 5.7 のスロークエリログの時間がシステム時間より 8 時間遅れている理由の詳細な説明
遅いクエリをチェックすると、時間が正しくなく、システム時間とちょうど 8 時間異なっていることがわか...
HTML割引価格計算の実装原理とスクリプトコード
コードをコピーコードは次のとおりです。 <!DOCTYPE HTML PUBLIC "...
seata docker 高可用性デプロイメントの詳細な紹介
バージョン1.4.2公式ドキュメントドッカーハブ起動する環境変数SEATA_CONFIG_NAMEを...
docker ストレージを使用して Exit を実行すると、サーバーへのファイルのアップロードが失敗する問題と解決策
1. 問題の説明Docker コンテナにインストールされているストレージが終了状態になっているため、...
Webpack4プラグインの実装原理についての簡単な説明
目次序文知る練習すれば完璧になる序文wabpack では、ローダーの他にプラグインがコア機能です。プ...
CentOS7 デプロイメント Flask (Apache、mod_wsgi、Python36、venv)
1. Apacheをインストールする # yum インストール -y httpd httpd-de...
Ubuntuがインターネットに接続できない場合の解決策
問題の説明:デスクトップ コンピューターとキャンパス ネットワークを使用して、有線モードでインターネ...
Docker インストール rocketMQ チュートリアル (最も詳細)
RocketMQ は、Alibaba が設計した分散型のキューベースのメッセージング ミドルウェア...
CSS で点線の境界線のスクロール効果を実装するサンプルコード
マウスをある領域の上に置くと、その領域に点線の境界線と線のアニメーションが表示されるというクールな効...
Firefoxでリンクをクリックしたときに点線の枠線を削除する方法
今日、ブラウザの互換性の問題にいくつか遭遇しました。そのうちの 1 つは奇妙に感じました。Firef...
Vueカウンターの実装
目次1. カウンターの実装2. 成果を達成する1. カウンターの実装ページにカウンターを実装するだけ...
Linux でのファイルの編集、保存、終了の実践的な説明
Linux でファイルを編集した後、保存して終了するにはどうすればよいですか?保存して終了するコマン...