Я пытаюсь переопределить поведение элементов списка и кнопок по умолчанию в jQuery Mobile, у которого есть текст, который не помещается в одной строке как скрытое переполнение.
Если вы просмотрите это в узком окне браузера или iPhone, вы увидите, что я имею в виду: http://m.gizmag.com
Я хотел бы иметь возможность обернуть текст в h3 и p тегах каждого элемента списка на новые строки.
Спасибо заранее!
Попробуйте установить стиль white-space:normal для элементов.
Я просто сделал это с элементом привязки (<a>) внутри jQuery Mobile в стиле списка li, и он работал, чтобы обернуть текст так, как я ожидал. Я использовал инструменты разработчика Chrome, чтобы определить, откуда появились атрибуты CSS, и интерактивно изменил их, чтобы они работали так, как я хотел.
- Дерек
Если это возможно, включение его внутри <div> также сделает его завернутым. (Но поиск затронутого элемента и объявление white-space:normal является более правильным решением)
Источник: http://forum.jquery.com/topic/list-items-are-truncating-text-is-there-a-way-around-this