1

問題を理解するには、下の写真を参照してください。

ここに画像の説明を入力

ここでパディングに問題があります。ボタンの中央に「オンラインマップ」ボタンのテキストを配置できません。私はこのアプリケーションを Android 用に開発しています。

HTML:

<div class="footer" data-tap-toggle="false">
<div class="wrapper">
<div class="ui-grid-b">
<div class="ui-block-a"><a href="#page_19_EN" data-rel="back">Back</a></div> 
<div class="ui-block-b"> 
<a data-theme="my-site" data-role="button" data-mini="true" onClick="checkReachability()">Online Map</a>      
</div> 
 <div class="ui-block-c home"><a href="#page_41_EN">Home</a></div>
</div>
</div>
</div>

CSS:

.ui-btn-up-my-site { 
    color: white;       
    font-size:8px;      
    padding-top:0;
    padding-left:0 !important;
    border:1px solid #333;
    text-align:left !important;
    padding-right:0;
    margin-top:-10px ;
    white-space: normal;                 
}

.footer .ui-grid-b .ui-block-a, .footer .ui-grid-b .ui-block-c { width: 20%; } 
.footer .ui-grid-b .ui-block-b { width: 60%; text-align: center; padding:0;}

このボタンのスタイルを設定するのに 5 時間以上費やしましたが、まだ成功しませんでした。それは私を狂わせる..誰か私を助けることができますか?

4

1 に答える 1

0

You can try setting

margin-left: 0px;
margin-right: 0px;

Sometime it solved apparently padding problems for me. Hope it'll work.

于 2012-12-13T10:55:35.553 に答える