省略の点々

省略の点々には三点リーダーを用いるとこちらに書いてあります。
https://ja.wikipedia.org/wiki/%E7%9C%81%E7%95%A5 …

上記のページでは、三点リーダー（つまり、点3つ）は文字の上下幅の丁度中央（丁度中間）に表示されています。

しかし、htmlで三点リーダーを入力すると、確かに点が3つ表示されるのですが、文字の上下幅の下端に表示されます。つまり、「...」のように表示されます。

文字の上下幅の丁度中央（丁度中間）表示されるようにするにはどうすればいいでしょうか。

No.4 ベストアンサー 回答者： naokita 回答日時： 2020/08/22 02:50

まさか、キーボードで「・・・」じゃなく「...」って打ってないよね。

そんな単純な話じゃないのか・・・
では、
HTMLの文字コードや、フォントを変えるればどうかな？
これでどうなる？
<span style="font-family:'メイリオ';">・・・</span>

それとも、
HTMLって事は、文字参照かな？

-----------
CSSでも文末に(・・・)を出す事は出来るけど？
例えば、
<p><span class="ten3">困った</span>　それからは～～</p>
p span.ten3:after { content: "・・・"; font-family: 'メイリオ';}

この回答へのお礼

>これでどうなる？
><span style="font-family:'メイリオ';">・・・</span>

できました。これをそのまま使わせていただきました。
ありがとうございます。

お礼日時：2020/08/22 18:21

No.3 回答者： wanderer1 回答日時： 2020/08/21 22:29

このへんにいくつか解決策があるようですね。

https://29udon.com/3593.html

ご参考になれば。

この回答へのお礼

初心者なのでお教えのサイトはとても難しかったです。

ありがとうございます。

お礼日時：2020/08/22 18:20

No.2 回答者： 銀鱗 回答日時： 2020/08/21 21:20

ブラウザで使用するフォントによって表示は異なります。

「・・・」
のように中央に見える「…」
文字の下端に見える「...」
どちらも同じ意味ですので、好きに使えば良いです。

なお、上記の「...」はピリオドを3つ使っています。
このサイトで三点リーダーは「・・・」の位置が標準という事で、下端に揃える場合はピリオドを並べないといけない。

この回答へのお礼

「・・・」な中点なので、省略記号ではないと思いました。
「...」は日本語にはない記号（つまり、英語の記号）なので、和文中に使うのはどうかと思いました。

ありがとうございます。

お礼日時：2020/08/22 18:19

No.1 回答者： sumbody 回答日時： 2020/08/21 20:40

HTML の文法、よく理解してませんが

思い通りにならない、謎な仕様がありますね。
全角スペースを半角で表示するとか。
テキストで作った表が崩れて困るので、困った仕様です。

それはさておき

＞ようにするにはどうすればいいでしょうか
確実性は未確認ですが、表示フォントを選ぶと実現できるかもしれません

この回答へのお礼

ありがとうございます。

お礼日時：2020/08/22 18:16