jQueryMobile ListView Text Wrap

Question

В jQueryMobile listviews обрезает текст. Есть много статей и сообщений like this one, которые говорят, чтобы добавить пробел: normal в css.

Однако, это не работает для меня в jQueryMobile 1.4. Вы можете увидеть here. Чтобы проверить, вам нужно уменьшить размер окна браузера. Есть идеи?

Answer 1

Учитывая вашу LI разметку:

<li> 
    <a href="#"> 
    <img src="http://pbs.twimg.com/profile_images/1225696765/29072010042_normal.jpg" /> 
    <h3 class="wrap">Marco Alberto Sotelo (@marcosotelo79)</h3> 
    <p>Sun Feb 02 20:01:24 +0000 2014</p> 
    <p class="wrap">Ya estamis en el estadio MetLife para el @SuperBowl #SBUniversal http://t.co/80 /1wSo5O9E</p> 
    <br /> 
    <img src="http://pbs.twimg.com/media/Bffo-1MCIAEoY5X.jpg" style="max-width: 90%; margin: auto;" /> 
    </a> 
</li> 

Изменить класс обертка для:

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

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

Вот такой DEMO

Answer 2

попробовать это

<li><p class='ui-li-desc'>Text to be displayed</p></li>