सीएसएस रास्ता पाठ

Question

के लिए लाइन ब्रेक प्रतिबंधित करने के लिए मैं शायद थोड़ा अजीब काम किया है, लेकिन मैं belive कोई बेहतर समाधान है। मुझे कुछ कंटेनर में <ul> होना चाहिए, जो चौड़ाई बदलती जा सकती है और निश्चित चौड़ाई के <li> इनलाइन के साथ। मुझे (और पहले से ही समाधान मिलना चाहिए) <li> समान चौड़ाई के बीच रिक्त स्थान रखना चाहिए। रिक्त स्थान की चौड़ाई गतिशीलता में परिवर्तन करती है और माता-पिता की कंटेनर चौड़ाई पर निर्भर करती है। फिर, यह <li> आइटमों की चौड़ाई तय की गई है।

मुझे भी इस वर्णित तत्वों के ऊपर कुछ लिंक रखना चाहिए। कुछ कारणों से लिंक अन्य <ul> तत्व में होना चाहिए। वे <li> elems में भी लिपटे हैं। और मैं चाहता हूं कि उन्हें वर्णित <li> आइटमों के ऊपर स्थित होना चाहिए। यह ऊपर के रूप में <li> आइटम की निश्चित चौड़ाई निर्धारित करके किया जा सकता है। अब, समस्या यह है कि प्रत्येक लिंक में पाठ वास्तव में अलग चौड़ाई है और दो लाइनों में टूट जाएगा, लेकिन मुझे इसे एक पंक्ति में रखना होगा।

तो मैं ब्राउज़र को ट्रिक करना चाहता हूं: पाठ <li> आइटम बह रहा होगा।

.liElem { 
    width: 100px; 
    height: 20px; 
    overflow: visible; 
} 

लेकिन, जैसा कि आप अनुमान लगा सकते हैं, पाठ दो पंक्तियों में घुसपैठ करने और वास्तव में सूची आइटम, नहीं दाईं ओर के नीचे बह निकला है।

प्रभाव मैं चाहता था इस तरह पाठ में रिक्त स्थान की   insted डालने से किया जा सकता है: <li><a href="#">Add&nbsp;to&nbsp;Favourites</a></li>।

तो, मेरे सवाल यह है: सीएसएस-तरह से कैसे सामान्य पाठ कई लाइनों में जगह बनाने वाला नहीं है?

Answer 1

.nobr { white-space:nowrap; }