JQuery Mobile <h1> Названия отрезаны?

Question

У меня проблема с заголовком заголовка в моем коде jquery.

По существу, после получения 3-го символа заголовка ... Я хотел бы отобразить весь заголовок.

Почему он обрезает его и как я могу это исправить?

Answer 1

Правильное решение CSS описано в пункте 4 здесь

http://www.webdesignerdepot.com/2011/05/10-handy-jquery-mobile-tips-and-snippets-to-get-you-started/

Для пунктов списка добавить:

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

Для содержимого нижнего колонтитула добавьте:

body .ui-footer .ui-title {
 white-space: normal;
}

Или взгляните на этот обходной путь

http://operationmobile.com/how-to-stop-your-jquery-mobile-header-from-being-cut/

Answer 2

Вот решение, которое я использовал:

<style>
    .ui-header .ui-title {
        margin-right: 0px;
        margin-left: 0px;
    }
</style>

Обратите внимание, что это, вероятно, работает только потому, что в строке заголовка больше ничего нет, например, кнопки. Если вы просто используете white-space: normal;, вы получите текст, который переносится строкой, но все равно занимает две строки. (это то, чего я пытался избежать, используя margin-*.)