मेरे पास एक सूचीदृश्य है (नीचे दी गई तस्वीर देखें) कि मैं शब्द को लंबी लाइनों में जोड़ने के बजाय सभी सामग्री को लपेटना चाहता हूं।jQuery मोबाइल: ListViews में Word लपेटें सक्षम करें
यह कैसे किया जाता है?
मेरे पास एक सूचीदृश्य है (नीचे दी गई तस्वीर देखें) कि मैं शब्द को लंबी लाइनों में जोड़ने के बजाय सभी सामग्री को लपेटना चाहता हूं।jQuery मोबाइल: ListViews में Word लपेटें सक्षम करें
यह कैसे किया जाता है?
तुम बस .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>
धन्यवाद! यह मेरी समस्या हल हो गई। –
मेरे सुझाव <li>
के भीतर एक डिव का उपयोग करें और jQuery मोबाइल के समग्र व्यवहार को बदलने की तुलना में विशिष्ट व्यवहार आप चाहते हैं सेट के बजाय होगा सीएसएस। इसके साथ आप जिस तरह से चाहते हैं उसका व्यवहार करने के लिए केवल विशिष्ट चीज हो सकती है।
आप यह कर सकते हैं यह शुद्ध सीएसएस भी है (अतिरिक्त तत्व की आवश्यकता नहीं है)। आपको केवल सूची-तत्व में एक वर्ग (या किसी अन्य प्रकार का पहचानकर्ता) लागू करने की आवश्यकता है और अपने सीएसएस सेल्सेटर में उस वर्ग (या जो कुछ भी) का उपयोग करें। – Jasper
li
अनुभाग के अंदर div
style="white-space:normal;"
अनुभाग जोड़ें जो शब्द-लपेट को मजबूर करता है।
बिल्कुल सही, सरल और मीठा समाधान। –
jQuery मोबाइल 1.4.4 में यह काम किया:
.ui-listview > li p {
white-space: normal;
}
आप कोड आप पोस्ट कर सकते हैं एक सूची-मद के लिए? – Jasper