html - 画像を中央に揃える方法は？

Question

このURLの画像が左揃えになっているのはなぜですか？

クロームにロードすると左側に表示されます。なぜなのかご存知ですか？

CSSで何かがありますが、何がわかりません。

ありがとう！

Answer 1

これは役立つかもしれません

.main-image
{
    text-align:center;
}

Answer 2

最初は、何について話しているのかわかりにくいです。結局のところ、画像でいっぱいのページです。通常のサイズの 10 倍に拡大された真ん中の「100 のグレイテスト ゴール」の画像を意味していると思います。

wp-content/plugins/nextgen-gallery/css/nggallery.css の 215 行目を次のように変更すると、その画像が中央に配置され、yee-ha に引き伸ばされなくなります。

.ngg-imagebrowser img {
border:1px solid #A9A9A9;
margin: 10px auto; 
display:block !important;
padding:5px;
}

それが少し役立つことを願っています。

編集：私がすべきだった点-Next Gen CSSに変更を加えるときはいつでも、プラグインではなくテーマのスタイルシートに追加してください（必要に応じてより具体的なセレクターを使用してください）。そうしないと、プラグインをアップグレードした後に CSS がすべてリセットされます。