0

私のコード:

<a data-theme="my-site" data-role="button" onClick="checkReachability()">Online Map</a>

アプリを起動すると、「オンラインマップ」ではなく「マップ」ボタンしか表示されませんでした。とても奇妙だと思います。私はjQuery Mobileの初心者です。

アプリケーションは Android フォンで実行されます。

CSS:

.ui-btn-up-my-site { 
    color: white !important;
    text-overflow: initial;
    font-size:15px !important;       
    border: 1px solid #333;
    padding-top:0 !important;
    margin-top:-25px !important;
    width:100px !important; 
    white-space: normal !important;             
}
4

1 に答える 1

0

「オンラインマップ」がボタンに収まらないようなフォントサイズと幅を設定しました 

font-size:15px !important;
width:100px !important;

フォントを小さくするか、ボタンを大きくすることができます。次を使用して、テキストの幅に応じてボタンの幅を作成することもできます

display:inline-block;
# width: 100px !important; Comment out or delete this line.

実際に見てみましょう -フィドル

余談ですが、使用を避けるようにしてください!important。CSS の特異性と順序付けを使用して、適切なスタイルが適切な要素に適用されるようにします。

于 2012-12-09T18:07:46.397 に答える