html - How can i forbid a line break of a post in a 3-column layout? -
यह मेरा कोड है:
पैरेंट:
.footer {चौड़ाई: 98%; ऊंचाई: 98%; गद्दी: 1%; पृष्ठभूमि का रंग: लाल; font-size: 14px; स्तंभ-चौड़ाई: 50%; -मोझ-कॉलम-चौड़ाई: 50%; -वेबकिट-कॉलम-चौड़ाई: 50%; स्तंभ गिनती: 2; -मोज-कॉलम-गिन: 2; -webkit-column-count: 2; पृष्ठभूमि का रंग: # 2c2c2c; छिपा हुआ सैलाब; }
बाल:
। Posting {सीमा: 1px ठोस भूरे रंग का; पृष्ठभूमि का रंग: # 585,858; बॉर्डर-त्रिज्या: 5px; margin-bottom: 6px; }
HTML को देता है:
& lt; div class = "footer" & gt; & Lt; div class = "text" & gt; & Lt; div वर्ग = "पोस्टिंग" & gt; सामग्री - सामग्री - सामग्री & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;
वर्ग। पोस्टिंग में एक पोस्ट होता है, जो कॉलम के अंत में लपेटा जाता है, मैं इसे रोकना चाहूंगा, ताकि एक पोस्ट हमेशा ही संगत हो।
मुझे लगता है कि आप
white-space: nowrap;
अपने .osting
वर्ग के लिए अपने सीएसएस में।
JS Fiddle:
Comments
Post a Comment