今までその都度、ググってCSSを書いてきたけど、今回はうまくみつからず人に教えてもらったので、今後のために自分用メモ
サイトを作っていて、画像を中心揃えにしたいことはよくあります。そのCSSの書き方です。
今回はWordPressのthe_post_thumbnail()で表示されるimgを左右中央揃えにしました。
当初、そのimg要素に対して下記の様なCSSを書いたのですが、うまくいかず。
img.attachment-post-thumbnail.wp-post-image { display: block; margin: auto; }
よつばデザインの後藤さんに相談したところ、外の要素にもtext-align:centerしなきゃだめだよとアドバイスをいただき、
div.span2.home-post { margin-top: 20px; text-align: center; }
とすることで、無事、サムネイル画像を中央揃えすることができました。
対策したサイトはこちら!