Оберните текст в элементы списка / кнопки вместо того, чтобы скрывать переполнение

Question

Я пытаюсь переопределить поведение по умолчанию элементов списка и кнопок в jQuery Mobile, текст которого не помещается на одной строке как скрытое переполнение.

Если вы посмотрите это в тощем окне браузера или iPhone, вы поймете, что я имею в виду: http://m.gizmag.com

Я бы хотел иметь возможность переносить текст в тегах h3 и p каждого элемента списка на новые строки.

Заранее спасибо!

Answer 1

Попробуйте установить стиль white-space:normal для элементов.

Я только что сделал это с помощью элемента привязки (<a>) внутри jQuery Mobile в стиле listview li, и это сработалотекст как я и ожидал.Я использовал инструменты разработчика Chrome, чтобы определить, откуда берутся атрибуты CSS, и в интерактивном режиме изменил их, чтобы они работали так, как я хотел.

- Дерек

Answer 2

Если это возможно, то, заключив его в <div>, вы сможете обернуть его.(Но поиск затронутого элемента и объявление white-space:normal - более правильное решение)

Источник: http://forum.jquery.com/topic/list-items-are-truncating-text-is-there-a-way-around-this