Android 如何在jqm中设置图像中心？（使用马赛克插件）

我是JQuery mobile的新手。我正在为一家当地餐馆制作一个移动网站。我想在菜单中的每个图像上都添加标题，幸运的是我偶然发现了Mosaic JQuery插件并能够使用它。添加标题很成功，现在的问题是图像在android手机浏览器上没有对齐中心

上图显示图像未对齐到中心，左边蓝色有边距，右边红色有边距

以下是我目前的代码：

HTML

我试着在每个分区上对齐中心，但没有成功。

---

有什么想法吗？

jQM在ui-content-div上有一个15px的填充。因此，首先将其设置为零：

.ui-content{
    margin: 0;
    padding: 0;
}

从内容div中删除align=center，改为按如下方式对齐标题：

.hh {
    text-align: center;
}

最后，使用马赛克块上的自动边距使其居中：

.mosaic-block {
    position:relative;
    overflow:hidden;
    width:400px;
    height:250px;
    margin:10px auto;
    background:#111;
    border:1px solid #fff;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

这是一个

---

尝试添加边距：自动；连接到img标签，看看是否helps@Tasos-不，什么都没发生哇，太好了！这就是解决办法。我早些时候想到了JQM的利润率，但对改变它犹豫不决。我想我需要更多的故障排除技巧。谢谢你，先生！

.hh {
    text-align: center;
}

.mosaic-block {
    position:relative;
    overflow:hidden;
    width:400px;
    height:250px;
    margin:10px auto;
    background:#111;
    border:1px solid #fff;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}