【Other】【CSS / jQuery / javascript】「――」の字間を消す方法
スタイル指定無しの場合、「――(連続する全角ダッシュ)」の字間に隙間が開いてしまいます。
この字間の隙間を消す方法は下記の通り。
罫線を使う
「―(全角ダッシュ)」ではなく、「─(罫線)」を使う。
使用例:
「――」…全角ダッシュ
「──」…罫線
スタイルシートを変更する
連続する全角ダッシュに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>を使って斜体にすると隙間が埋まります