jQueryMobile ListView Text Wrap

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

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

источник

2014-02-02 Tim Hoolihan

Учитывая вашу 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

источник

2014-02-02 20:16:36 ezanker

Это странно. Ваша демонстрация работает, но я не могу заставить ее работать на моей странице. Я даже поместил стиль непосредственно в заголовок html. –

Это потому, что я переехал в другой класс. вернулся и работает сейчас. Благодаря! –

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

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

источник

2014-02-02 20:01:21 ajitksharma

спасибо, но все еще имея проблемы. –

ответ

Смежные вопросы