2013-05-02 132 views
4

遇到了一個問題我一直試圖解決的問題,而且在各個項目中都沒有太多的運氣。Mobile Safari(iPhone)CSS垂直居中/線條高度CSS問題

我有一些div與文本里面,使用中心與CSS使用display: blockline-height。我也試過padding和一個固定的高度。通常,這些設置爲只是標題或有時按鈕。無論哪種方式,我總是在移動Safari瀏覽器的垂直中心頂部有一個偏移量,我沒有在任何Web瀏覽器(它在桌面瀏覽器中完全垂直對齊)。我可以在手機瀏覽器中將設置更改爲center,但是這會拋出所有其他瀏覽器,這是一個響應式設計。

有沒有人遇到過這個問題?

我有-webkit-text-size-adjust: 100%;但這似乎並沒有涉及到這個問題。

到目前爲止,我的破解工作是讓設備只有css設置不同的line-height,但正如你可以想象的那樣,這是一個可怕的解決方案。

回答

1

您可以使用股利display:table-cellvertical-align:middle包含文本

+0

該文本似乎坐在不太中心與垂直對齊爲中間(有一個偏移量,因此它坐在中心點以下)。有任何想法嗎? 背景圖像位置的任何想法 - 這在手機上也不同。 – 2013-05-06 04:44:58

+0

你能舉辦一個jsfiddle的例子,以便我可以看到到底是什麼問題 – 2013-05-06 20:06:13