jQueryMobile：标题上的按钮是半高

Question

我在页面的标题中放置了一个按钮，它呈现出一半的高度。同样，右边有一个宽度差距。

我使用了相当简单的jQueryMobel语法。

网址：http://sandapps.com/Data/Mobile_Energy_Oil_Gas_Pertroleum_Coal_Solar_Wind.aspx

在iPhone 4S上：

Answer 1

您应该能够使用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>

来源：http://jquerymobile.com/test/docs/buttons/buttons-icons.html

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

另请注意，如果将data-iconpos属性设置为notext，则可以在锚标记中包含文字。

Answer 2

为您用于显示主页按钮的范围提供高度。 10px身高可以很好地尝试。

我在右侧看不到任何空白区域。

Answer 3

为按钮文本添加空格。 http://screencast.com/t/rJ40PGjn42

Answer 4

试试这个：

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