画像を中央揃えする方法

[Totty]

GRAPHIEを利用しております。
するぷろというiOSアプリで画像をアップロードしているため、
class名にはslooProImg が記載されてます。

画像を一括で中央揃えしたく、
オリジナルスタイルシートに、

.slooProImg{
display: block;
margin-left: auto;
margin-right: auto;
}

と記載してみましたが、うまくいきません。

どなたかご教授いただけると幸いです。

よろしくお願いします。

[DigiPress サポート]

text-align:center;
を追加してください。

[Totty]

迅速なご回答ありがとうございます。

.slooProImg{
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
}

と記載してみましたが、うまくいきません。

もう少し自分で試行錯誤してみます。。。

[DigiPress サポート]

marginの左右にimportantオプションを付けてみてはいかがでしょうか。
※テーマの aligncenter と同じ状態。

.slooProImg{
    display: block;
    margin-left: auto!important;
    margin-right: auto!important;
}

[Totty]

ご回答ありがとうございます。
無事に出来ました！

手厚いサポート感謝します。

今後ともよろしくお願いします。

[投稿者]

投稿