0

以下のコードは、テキストを表示する余地があるように見えても、ヘッダー「This is some header text」を切り捨てます。スペースのある場所にテキストを表示できますか?

<div data-role="page" id="pageone">

        <div data-role="header" data-theme="b">
                <h4>This is some header text</h4>
        </div>

        <div data-role="content"  data-theme="b" id="mycontent">

        </div>

        <div class="footerDate" data-role="footer" data-theme="b">

        </div>

</div>

切り捨てられたテキスト:

ここに画像の説明を入力

4

2 に答える 2

0

（ダウンロードした場合）変更してみるjquery.mobile-1.1.1.min.cssか、独自のスタイルシートからスタイルをオーバーライドしてみてください

.ui-header .ui-title, .ui-footer .ui-title { margin: 0.6em 5% 0.8em; }

5%に変更してみてください。両側からのマージンが減少し、問題が解決します。元々はそのようなものだったので、またはに変更して.ui-header .ui-title, .ui-footer .ui-title { margin: 0.6em 30% 0.8em; }みてください。うまくいけばうまくいくはずです。30%5%

于 2012-08-08T11:15:34.140 に答える
0

CSS で次のクラスをオーバーライドすることにより、ヘッダー テキストに適用されるスタイルを変更できます。

.ui-header h<x> {

}

text-overflow: initial;省略記号を取り除くために使用します。

で遊んでmargin-left、margin-rightターゲットデバイスの利用可能なスペースを最大限に活用してください。

于 2012-08-08T11:11:47.840 に答える