since 2003

blog ブログ

wp_list_pages センター揃え表示

2012.06.28

テンプレートタグwp_list_pages()でページの一覧を横並びで、且つセンター揃えにしたい時。
そのまま、出力してしまうと縦並びになってしまうので、CSSでli要素にfloatをかけて改行しないようにするのがだ…

これだと、左右によってしまう。

入れ子にして周りを囲い、centerの設定にしてもよってしまう。

で、色々試したわけだが…何やら

display: inline-block;

を設定してやると上手くいくらしい。

但し、これはIE8以降…

ウチは6は対応してないので、7なのだが、ハックで無理矢理センター揃いっぽくもっていくようにしている。

それ以外は、どのブラウザで問題ないと思う。

関連記事

Archive

Category

Recent Entry