5

jquery mobileでは、テキストが長すぎるとヘッダー行が途切れます。たとえば、小さなデバイスでは「長いテキスト」が「lon...」に変わる場合があります。

私はすでにこれを防ぐための解決策を見つけました

body .ui-li .ui-li-desc {
  white-space: normal;
}

ただし、これは、左右のヘッダー行に十分なスペースがある場合でも、テキストを次の行に折り返すだけです（ヘッダーテキスト用に予約されているスペースの約3分の1があります）。

小さなデバイスでは、これにより、画面の大部分を使用して、3行以上のヘッダー行が作成されます。

ヘッダーテキストが利用可能な見出し行スペースによりよく適合する解決策はありますか？

4

1 に答える 1

10

この CSS を使用して、左右のパーセンテージを設定します (10% を他の数値に変更します)。

.ui-title {
    margin: 0.6em 10% 0.8em !important;
}

異なる側で異なる値が必要な場合は、次の css を使用します。

.ui-title {
    margin: 0.6em 10% 0.8em 5% !important;
}

また、言及された css は .ui-title クラスを使用してすべての要素を変更するため、可能であればすべてのヘッダーに ID を与えます。

例を次に示します: http://jsfiddle.net/Gajotres/QP9qm/2/

于 2013-01-31T09:16:12.290 に答える