jQueryMobile：ヘッダーのボタンが半分の高さです

ページのヘッダーにボタンを配置し、その高さの半分をレンダリングします。同様に、右側に幅の隙間があります。jQueryMobile：ヘッダーのボタンが半分の高さです

私はかなり単純なjQueryMobel構文を使用しています。

URL：iPhone 4Sでhttp://sandapps.com/Data/Mobile_Energy_Oil_Gas_Pertroleum_Coal_Solar_Wind.aspx

：

enter image description here

出典

2012-02-10 BahaiResearch.com

私は右のギャップを得ることはありません。 –

あなたがそれを修正したように見える、 'notext'アイコンは本当にうまくいくように見えます。お役に立てて嬉しいです。 – Jasper

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に設定すると、アンカータグにテキストを含めることもできます。

出典

2012-02-10 21:31:23 Jasper

ボタンのテキストにスペースを追加します。 http://screencast.com/t/rJ40PGjn42

出典

2012-02-10 21:28:58

ShankarSangoliが示唆しているように、 'display：block'を設定しても何も破壊されない限り、' height：10px'もうまくいきます。 –

ホームボタンを表示するために使用したスパンの高さを指定します。 10px高さはうまくいきます。

右側に空白が表示されません。

出典

2012-02-10 21:29:39 ShankarSangoli

これは 'span'なので、高さを設定したい場合は、' display：block'または 'inline-block'も設定する必要があります。 –

@TimothyAaron - 'span 'はすでにサイト内の' display：block'です。私はこの解決法を与えました。 – ShankarSangoli

これを試してみてください：

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

出典

2013-05-23 20:31:11 Carmine

jQueryMobile：ヘッダーのボタンが半分の高さです

答えて

関連する問題