2012-02-13 48 views
4

您好我正在使用這段代碼在jquery mobile中居中圖像,它將圖像置於iphone模擬器中,但是當我在iphone上檢查它時,它並不完全居中(居中但不完全)本身,但傾向於左。我如何使用jqmobile將圖像居中

<div data-role="content" data-theme="a"> 

    <div id="logo_image"> 
     <img src="images/logo.png" alt="Image Header" > 
    </div> 

</div> 

和CSS是提前

#logo_image { 
    text-align: center; 
    margin-left:0 auto; 
    margin-right:0 auto; 
} 

謝謝...

+4

標題中的一個把「緊急請」)是噪聲和B)通常意味着* *少人會閱讀並回答你的問題。我已經爲你刪除它。 – 2012-02-13 12:17:57

回答

5

只是嘗試margin: 0 auto而不是左&右頁邊距。之後您可以設置頂部和底部邊距。 greets

2

嘗試將diplay: block添加到您的圖片它應該正確定位。

+0

這與我接受的答案一起工作。 – Ozzyberto 2014-04-30 23:13:30

2

這些其他答案部分正確,但爲了使margin: 0 auto屬性正常工作,我相信您還必須爲您的元素指定width

事情是這樣的:

#logo_image { 
    text-align: center; 
    margin-left:0 auto; 
    margin-right:0 auto; 
    width: 80%; 
}