メニュー

Home >css> 「――」の字間を消す方法

【css】「――」の字間を消す方法

2012/04/04 23:20|タグ:css小説グッジョブ表示 55

スタイル指定無しの場合、「――(連続する全角ダッシュ)」の字間に隙間が開いてしまう。
隙間を消す方法は下記の通り。

罫線を使う

「―(全角ダッシュ)」ではなく、「─(罫線)」を使う。

使用例:
「――」…全角ダッシュ
「──」…罫線

スタイルを使用する

連続する全角ダッシュにletter-spacingスタイルを適用する
(1)外部CSSを使用する場合

外部CSS:

span.keisen{
letter-spacing: -1px;
}

html:

<span class="keisen">――</span>
(2)直接htmlに記述する場合
<span style="letterspacing: -1px;">――</span>
連続する罫線にfont-styleスタイルを適用する(2015/05/16加筆)

罫線にしても字間が開いてしまう場合は、斜体(font-style:italic)を利用するといいようです。

(1)外部CSSを使用する場合

外部CSS:

span.keisen{
font-style: italic;
}

html:

<span class="keisen">──</span>
(2)直接htmlに記述する場合
<i>――</i>

ページ移動

関連エントリー

コメント

ななし

罫線にしても時間の隙間が気になる場合は、<i>──</i>を使って斜体にすると隙間が埋まります

  • 2015/05/15 23:31:39

ミツ@32877

情報ありがとうございます。
参考にして記事に加筆させて頂きました!

  • 2015/05/16 12:44:44

コメント登録

登録フォーム
名前
メールアドレス
URL
コメント
投稿キー(スパム対策に、投稿キー を半角で入力してください。)

ユーティリティ

Twitter

サイト内検索

ページ上部へ