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

回答