Как сделать обтекание заголовка JQuery Mobile и выровнять его по левому краю?

Question

Текст в моих заголовках JQuery Mobile часто слишком длинный, чтобы поместиться на экране iPhone, что означает, что текст обрезан, а кнопка справа от заголовка перекрывает текст.

Есть лилюбой способ, которым я могу:

• Сделать обтекание текстом вместо запуска с правой стороны экрана
• Уменьшить текст

Answer 1

Похоже, стиль, который обрабатывает многоточие и обертку, таков:

.ui-header .ui-title, .ui-footer .ui-title {
    text-overflow: ellipsis;
    white-space: nowrap;
}

Попробуйте переопределить это в своем собственном стиле:

.ui-header .ui-title, .ui-footer .ui-title {
    text-overflow: clip;
    white-space: normal;
}