在jQuery Mobile中居中图像

时间:2018-04-29 18:52:54

标签: html css jquery-mobile

我试图使用CSS在jQuery mobile中居中。无论我应用于图像的样式,它都不会居中。请不要在css的极端情况下看图像是否被操纵,但事实并非如此。它仍处于相同的位置。我已经尝试在图像本身添加一个类并将其对齐为中心,但这也不起作用。

HTML:

<div class="me">
    <h2 class="name">John Doe</h2>
    <img src="MyPic1.jpg" alt="My Photo" height="200px"/>
    </div>

CSS:

.me{text-align:center;
padding-left: 50px;
margin-left: 100px;}

1 个答案:

答案 0 :(得分:1)

您是否尝试过将css更改为

.me img{text-align:center;
padding-left: 50px;
margin-left: 100px;}

也许只是改写你的CSS的东西。你可以尝试相对位置,然后给它左:0;右:0;和text-align:center;