しーぼーデザイン 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