InternetExplorer 遊ゴシックがcssで垂直方向 (縦方向)中央揃えにならない場合

web制作

※この記事は、作成日より一年以上が経過しています。最新の情報ではありませんので、ご注意ください。

読了の目安時間: 049

こんにちは、キヨタツです。

今日はfont-familyについて遊ゴシックを選択して、
vertical-align:middle;やtableを使っても垂直(縦)咆哮に中央揃えにならなかった現象を報告します。

青字で塗り潰している箇所が中央揃えにならない該当の部分。
あれこれとcssをいじくり回しても、どうもフォント自体の仕様で半角文字と全角文字にレイアウトずれがある様子。
    ▼うーん、ずれてますね。
ie_yu2

最初、"Yu Gothic"と一個だけの指定をしていたので、
あれこれ見てみて、「"游ゴシック体", "Yu Gothic", YuGothic」と3つ指定してみたら回復。

    ▼均一になりました。
ie_yu1

かくして当サイトのパンクズリストは無事に作成できたというお話でした。
フォント一個でも、結構めんどくさいですよね。

そして、ものすごく久しぶりにウェブの記事を書いた気がする。
しかも、果てしなく細かくどうでも良い記事・・・!

今読んだ記事をシェアする

ie_thumb

InternetExplorer 遊ゴシックがcssで垂直方向 (縦方向)中央揃えにならない場合

  • このエントリーをはてなブックマークに追加
  • Pocket

このブログサイトが参考になった人は、いいねボタン! 更新情報も受け取れます!

arrow
デル株式会社
  • Pocket
  • このエントリーをはてなブックマークに追加

キヨタツ

キヨタツ

WEBを中心に、色々な制作をする個人事業主です。過去、エンジニア&webディレクターで会社勤めをしていました。主に要件定義や構築が得意で、HTML/css/javascript/PHP/git/wordpress/MT/DB/photoshop/illustrator/fireworksなど扱えます。現在、サーバー・アプリなどを習得中です。性格は、自虐好きです。