jQuery mobile : ListViews에서 단어 감싸기 사용

Question

나는 긴 줄에 ...를 추가하는 대신 모든 내용을 감싸고 싶다는 listview (아래 사진 참조)가 있습니다.

어떻게 처리하나요?

Answer 1

당신은 당신의 목록 항목의 텍스트 보유 .ui-li-desc 요소에 대한 CSS 업데이트해야합니다 http://jsfiddle.net/Xc6PJ/

일부 좋은 문서 : 여기

​.ui-page .ui-content .ui-listview .ui-li-desc { 
    white-space : normal; 
}​ 

하는 데모입니다 white-space의 경우 : https://developer.mozilla.org/en/CSS/white-space

여기에 li jQuery를 모바일 후에 내 테스트 listview에서 세인트 항목을 초기화 :

<li class="ui-li ui-li-static ui-body-c"> 
    <h3 class="ui-li-heading">Sample Title</h3> 
    <p class="ui-li-desc"> 
     Sample Content Sample Content Sample Content Sample Content Sample Content Sample Content Sample Content Sample Content Sample Content Sample Content Sample Content 
    </p> 
</li> 

Answer 2

나의 제안은 <li> 내에서 사업부를 사용하고 JQuery와 모바일의 전반적인 동작을 변경하는 대신 당신이 원하는 특정 동작을하지 않고 설정하는 것입니다 CSS. 이를 통해 원하는 방식으로 행동 할 수 있습니다.

Answer 3

li 섹션 안에는 div에 style="white-space:normal;" 섹션을 추가하여 단어 줄 바꿈을 강제합니다.

Answer 4

는 jQuery를 모바일 1.4.4에서이 일 :

.ui-listview > li p { 
    white-space: normal; 
}