0

ここに画像の説明を入力

モバイル アプリに 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>
4

1 に答える 1

0

この CSS を使用して、 の inlinestyle属性を削除します<p>。

.img_center{
    text-align: center;
    width: 100%;
}
.img_center img{
    display: block;
    margin: 0 auto;
}
.img_center p{
    margin: 10px;
    font-size: 15px
}

の HTML .append:

$("#allpictures").append('<div class="img_center"><img src="'+item.url+'"></div><p style="margin-left:10px; margin-right:10px; font-size:15px;">'+item.title+'</p><br />');
于 2013-08-27T22:12:07.673 に答える