モバイル アプリに jquery mobile を使用していますが、画像を適切に中央に配置する際に問題が発生しています。画像からわかるように、画像の右側に比べて左側の余白が多くなっています。これは、ページ上のすべての画像で一貫して発生しています。
詳細については、幅の狭い写真は中央に配置されているように見えますが、それらの画像の左右のスペースにも多少の違いがあると確信しています。これが明らかになるのは、より広い画像の場合だけです。
これを修正する方法について何かアドバイスはありますか?
$("#allpictures").append('<div class = "img_center"><div><img src = "'+item.url+'"></div></div><p style = "margin-left:10px; margin-right:10px; font-size:15px;">'+item.title+'</p><br/>');
<style>
.img_center {
text-align:center;
}
.img_center * {
margin: 0 auto;
}
</style>