jQuery मोबाइल: ListViews में Word लपेटें सक्षम करें

Question

मेरे पास एक सूचीदृश्य है (नीचे दी गई तस्वीर देखें) कि मैं शब्द को लंबी लाइनों में जोड़ने के बजाय सभी सामग्री को लपेटना चाहता हूं।

यह कैसे किया जाता है?

Answer 1

तुम बस .ui-li-desc तत्व यह है कि अपनी सूची आइटम में पाठ रखती है के लिए सीएसएस अद्यतन करने की आवश्यकता: 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

यहां एक नमूना ली है jQuery मोबाइल के बाद अपने परीक्षण listview से St-मद यह प्रारंभ हो जाता है:

<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 मोबाइल के समग्र व्यवहार को बदलने की तुलना में विशिष्ट व्यवहार आप चाहते हैं सेट के बजाय होगा सीएसएस। इसके साथ आप जिस तरह से चाहते हैं उसका व्यवहार करने के लिए केवल विशिष्ट चीज हो सकती है।

Answer 3

li अनुभाग के अंदर divstyle="white-space:normal;" अनुभाग जोड़ें जो शब्द-लपेट को मजबूर करता है।

Answer 4

jQuery मोबाइल 1.4.4 में यह काम किया:

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