Вопрос по jquery, css, jquery-mobile – jquery mobile button text авто разрыв строки

1

Я хочу, чтобы текст в моей кнопке автоматически разрывал строку, когда она доходила до конца кнопки. Когда я использую обычный мобильный стиль jquery, он обрезает мой текст и помещает три точки, как здесь: Вот

я нашел небольшой обходной путь, который эти точки не показывают как здесь (пробел: нормальный, не работал для меня) Вот

У кого-нибудь есть идея, как я могу сделать это делать автоматические разрывы строк?

Ваш Ответ

1   ответ
8

CSS3, но в CSS3 есть новое ключевое слово css, называемое word-break, которое позволяет вам. Это, очевидно, будет работать только в браузерах CSS3.

Дайте вашей кнопке класс CSS, если вы хотите, чтобы это применялось только к одной кнопке, например:

<a data-role="button" class='myButton'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a>

Затем создайте стиль CSS следующим образом:

.myButton
{
   word-wrap: break-word !important;
   white-space: normal !important;
}

Это тогда обернет слово вокруг указанной ширины кнопки.

Вот обновленныйПример jsFiddle показывать.

Очень приятно большое спасибо AdrianoCelentano

Похожие вопросы