jQueryMobile：標題上的按鈕是高度的一半

我在頁面的標題中放置了一個按鈕，它呈現高度的一半。同樣，右側有一個寬度的差距。jQueryMobile：標題上的按鈕是高度的一半

我已經使用了相當簡單的jQueryMobel語法。

在iPhone 4S：

enter image description here

我沒有得到右邊的差距。 – 2012-02-10 21:41:04

看起來你已經修好了，'notext'圖標在工作時確實看起來很好。很高興我能幫上忙。 – Jasper 2012-02-10 22:31:15

您應該可以使用jQuery Mobile框架創建沒有文本的按鈕，並且不會破壞框架的CSS。我經常做，而且我沒有讓它們像你的一樣展示。對於沒有文本，我相信你應該申報圖標：data-iconpos="notext"作爲定位標記的屬性：

<div data-role="header"> 
    <h1>...</h1> 
    <a href="#" data-iconpos="notext" data-icon="home">Some Text That Won't Display</a> 
</div>

下面是使用與上述相同的<a>代碼演示：http://jsfiddle.net/3njz7/

另請注意，如果將data-iconpos屬性設置爲notext，則可以在錨標記中包含文本。

2012-02-10 21:31:23 Jasper

2012-02-10 21:28:58

只要設置'display：block'不會破壞任何東西，那麼加上'height：10px'也可以很好地工作 - 就像ShankarSangoli所說的那樣。 – 2012-02-10 21:34:47

提供您用來顯示主頁按鈕的跨度的高度。 10px身高正常工作與此。

我沒有在右側看到任何空格。

2012-02-10 21:29:39 ShankarSangoli

這是一個「span」，所以如果你想設置一個高度，你還需要設置「display：block」或「inline-block」。 – 2012-02-10 21:32:37

@TimothyAaron - 網站中的'span'已經是'display：block'，所以我給了這個解決方案。 – ShankarSangoli 2012-02-10 21:41:51

試試這個：

data-iconshadow="false" data-iconpos="notext"

2013-05-23 20:31:11 Carmine

回答