サポート » 使い方全般 » CSSでIEだけ縦中央が出来ない場合、どのように解決していますか?

  • 記事一覧画面で、 <?php get_template_part(‘content’,’title’); ?>
    を使って、記事のタイトルを一覧にして表示しています。

    私は、CSSでタイトルを縦の中央揃えにしたいと考えていて、
    display: table-cell;
    vertical-align: middle;
    を書いているのですが、
    firefoxとgoogle chromeでは縦に中央揃えが出来るものの、
    IEだけ出来ませんでした。

    line-height: 〇〇px;
    を使おうと考えたのですが、タイトルが1行の場合だけにしか意味がないので、
    諦めました。

    私の場合、タイトルが複数行にわたることを想定しているので、
    複数行で縦に中央揃えが出来るコードは、どのように書くのがよいのでしょうか?

    いろいろネットで調べているコードを参考にしても
    IEだけは縦に中央揃えが出来なかったので、
    <?php get_template_part(‘content’,’title’); ?>を中央揃えにする方法を
    出来る限りたくさん教えていただきたいです。

    長い文章になってしまいまして、申し訳ありません。
    もしよろしければ、ご回答よろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • WordPress というよりも、CSS の話ですね。
    上下の中央寄せ、という事ですね。

    検索してみたところ、こんな感じに出てきてます。

    IE 縦 中央揃え – Google 検索

    フォーラムで出す前に検索した方が解決できる事もありますよ。

    トピック投稿者 bobchoko

    (@bobchoko)

    Keiichi SHIGAさんご回答ありがとうございます。

    返信が遅くなってしまい、申し訳ありませんでした。

    ネットではいろいろと調べていたのですが、やはりIEだけ縦の中央揃えが
    出来ないんですよね・・・

    とりあえず、いろいろと勉強するという意味でも、
    Keiichi SHIGAさんの提示して下さったリンクなどを参考にしつつ
    検討してみたいと思います。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「CSSでIEだけ縦中央が出来ない場合、どのように解決していますか?」には新たに返信することはできません。