罫線素片を使ったのでしょうか。この二倍ダーシはU+2015ホリゾンタルバーです。綺麗な一本線に、なっているのではありませんか(なってなかったらショックですが...)?これはどうしているのかというと、ちょっと面倒くさいけど単純です。style="letter-spacing:-2px;">――</span>としているのです。「おまえらの間にあるスキマを2px分縮めろ」という命令を出しているということになります。このやり方を取る場合、EMダッシュよりホリゾンタルバーを使うほうがベターのようです。スクリーンショットを取ってきましたので見てみましょう。before・afterが比較しやすいよう、装飾(letter-spacing:-2px;)なし版もあわせてご覧ください。after(装飾あり版)のほうには、各二倍ダーシに、"letter-spacing:-2px;"をつけています。Macの場合、ホリゾンタルバーはスキマがつながって綺麗に表示されていますね。EMダッシュと罫線素片は(画像だとちょっとわかりにくいですが)重なり合った部分が点のようになって、逆に醜くなっています。Windowsの場合、ホリゾンタルバー、綺麗です。罫線素片も、綺麗です。"letter-spacing:-2px;"しても、まだスキマがあるじゃないか!iosは一見どれも綺麗です。EMダッシュの重なり合った部分が、よく見れば点のようになってしまっています。これも一見、すべて綺麗です。これも拡大してみると......EMダッシュと罫線素片の重なり合った部分が、うっすらとですが点のように見えます。どの環境でも無難なのは、U+2015ホリゾンタルバーです。ホリゾンタルバーに"letter-spacing:-2px;"を設定する......これなら罫線素片を使うことなく(多分)多くの環境で綺麗な二倍ダーシが表現できているはずです。字間が縮まりますので、正確には全角文字2文字分よりちょっとだけ短くなってしまうのですけれど、その程度は気にしなくてもいいでしょう。デメリットとしては、“――”ひとつひとつに前述のhtmlを設定しなくてはなりませんので、ちょっと(かなり)めんどうという点でしょうか。この設定は“――”ひとつひとつに対して行わねばなりません。全文が――こんな感じに――ちょっと窮屈に表示されてしまいます。効率的に"letter-spacing"を設定するには?まあやりようはいろいろです。class="ls-">――</span>”に置き換えるという形を取っています。(クラス"ls-"に、スタイルシート側で"letter-spacing:-2px;"を設定しています。style="letter-spacing:-2px;">――</span>よりちょっと短くなりますし、他にも後述の理由があります)これなら簡単ですし、ひと手間ですみます。class="ls-">――</span>”を「2だーし」という読みで辞書登録しています。「2だーし」と打って変換キーを押せばいいので、これも簡単です。「特定の文字列(htmlタグも含む)をボタンひとつで書き込める」という機能を、投稿画面へと追加することが出来ます。これを利用してもいいでしょう。class="ls-">――</span>”に置き換える方法等もあるようなのですが、私はこれらは使ったことがありませんし、多分問題が出るんじゃないかなと考えています。この記事や前回の記事で行ったような、紹介のためあえて「スキマ付き二倍ダーシ」を表示している部分などが、「スキマなし二倍ダーシ」に勝手に変えられてしまう、ということは起こってしまうでしょう。一括置き換えに関しては、行うなら記事ひとつぶんの範囲にとどめ、ひとつひとつ、表示がおかしくなってないかチェックしつつやっていくのが無難かと思います。class="ls-">――</span>クラス名を名付けた上でスタイルシートに設定記述、とするべきでしょう。各マシンや端末、ウェブブラウザ等の環境も日々進化、変化するもの。したらそのうち、“――”はブラウザサイドで自動的につなげてくれる...なんて機能の現れる日が来るかも知れません。なった場合、自身で行った"letter-spacing:-2px;"の設定は余計になものになりますし、逆にこれのせいで表示がおかしくなってしまう、という心配も出てきます。進化する環境、ということなら、フォントのことも考えねばなりません。現在一般的に使われているフォントファミリーが古び、新しいフォントがメジャーになった未来。スキマがある!」などということが起こりえる......かもしれません。いうとき直接記述の場合は、ひとつひとつ手直しするか(膨大な手間となるでしょう)、前述した全記事一括置き換えプラグインに頼る他はなくなりますが、スタイルシート記述であれば、スタイルシートの該当箇所をちょっと書き換えてやるだけで一瞬にして解決します。まとめいかがでしたでしょう。書いた記事、せっかく書いた文章です。出来る限り美しい状態で読んでもらいたいのが人情というもの。みなさまのご参考になれば幸いです。追記また最近では、上記とはちょっと違うものに変えました。4px;」というのも付け加えています。すると――こんなふうにちょっと窮屈だったのが、このように――左右にちょっとのマージンが出来て、多少ゆとりある形に変わります。注意点があって、もし2倍ダーシではない、それをさらにつなげた「4倍ダーシ」とか「6倍ダーシ」を表現したかったとしましょう。ダーシの間にスキマが出来てしまっていると思います。――――――にはなりません。class="ls-">――</span>のような形が発生しやすいので注意が必要です。追記2また「――」二倍ダーシだとちょっと短く感じられたので―――このような、いってみれば「3倍ダーシ」を使うことがデフォルトになりました。私がアマゾンプライムビデオを選ぶ理由。touchカルシウム「サプリ」は意外と身体に体に悪い、かも?アップルペクチンで体内スッキリ。いうそのパワーは!?パパイヤ&パイナップルメインの消化酵素を試してみた。海外プロテイン初体験。可能かも知れない焼肉バイキングによる糖質制限ダイエット!(ただし自制心は超重要)乳酸菌の歯への効果。検索:オススメ記事マグネシウム製品6種。・注意点や使用法など“やずやのにんにくしじみ”は肝臓ケア成分入りにんにく卵黄。スタミナや男性の精力UPにもiHerb海外グラノーラの選び方。信頼の自然食品サイトから“本物”のオリーブオイルを手に入れよう消化酵素のお薬・サプリ6選。「消化の負担」を軽減し、人生や生活の質を高めよう人気記事エプソムソルトでマグネシウムオイル自作。生活まとめその他ランダム記事テアニンはお茶に入ったアミノ酸。杜仲茶はお手軽で効果的なダイエットティ。お腹すっきり、ペッタン体験を味わえるかもニトリの一年中オールシーズン使える「温度調整掛け布団」を買ってみたぞ。寝心地や涼しさorあたたかさは?可能かも知れない焼肉バイキングによる糖質制限ダイエット!(ただし自制心は超重要)天然海塩4選をレビュー。