Ограничение названия мобильного jQuery

Question

Какой лимит для мобильных игр jQuery? Сколько персонажей? Как мы можем изменить этот лимит? Работа с мобильным jQuery. Спасибо.

Answer 1

Вы можете переопределить левые и правые поля в классе .ui-title, чтобы освободить себе место, но будьте осторожны, поскольку поля используются для того, чтобы текст не мешал вашим левым и правым кнопкам. в шапке.

.ui-header .ui-title { margin-left: 1em; margin-right: 1em; }

Вы также можете получить немного больше места, используя клип, а не elipsis:

.ui-header .ui-title { text-overflow: clip; }

Answer 2

Если вас беспокоит, что заголовок / заголовок вырезан, проверьте следующие сообщения:

Как остановить вырезание вашего мобильного заголовка jQuery

Остановите вырезку вашего мобильного заголовка jQuery с использованием обычного пробела

Answer 3

Старый вопрос, но поиск в Google взял меня сюда, поэтому я решил опубликовать свое решение для других.

Я решил переопределить CSS, чтобы принудительно переносить строки, оставляя место для кнопок.Я сделал это, добавив

.ui-header .ui-title {
    white-space: normal;
}

к моему css.

Answer 4

Лучшее решение - добавить пробел: нормальный к вашему текстовому контейнеру

<div data-role="header">
  <h2 style="white-space: normal">Long text Long text Long text Long text Long text  </h2>
</div>

Answer 5

На самом деле, он не будет переноситься, потому что CSS для jQuery Mobile явно устанавливает пустое пространство для nowrap. Это плюс настройки полей и переполнения дают вам полезное пространство около 30-40 символов перед усечением.

Answer 6

Я не думаю, что должно быть какое-либо ограничение. Вы можете перейти на любое количество символов. Он просто обернет их согласно размеру экрана и покажет ".." перед ним.

Answer 7

Также вы можете попытаться использовать неразрывные пробелы с этим: