के बिना इनलाइन तत्वों के लिए लाइन ब्रेक के कारण, मैं इनमें से प्रत्येक तत्व को नई लाइनों पर कैसे तोड़ सकता हूं, लेकिन उन्हें प्रदर्शन = इनलाइन के रूप में और br टैग के बिना कैसे रख सकता हूं?सीएसएस: <br />
<div>
<a href="element1">Element 1</a>
<a href="element1">Element 2</a>
<a href="element1">Element 3</a>
</div>
आप माता-पिता <div> और <a> के लिए समान width को परिभाषित करते हुए यह कर सकते हैं। यह मानते हुए कि आप <div>
.container { width: 100px; }
a { width: 100px; display: inline; }
उन्हें एक अनियमित सूची में रखें?
सुनिश्चित नहीं हैं कि मैं वास्तव में समझते हैं कि आप यहाँ के बाद क्या कर रहे हैं ...
यदि आप समझ में नहीं आते हैं तो इसका उत्तर न दें। – deathlock
<style type="text/css">
div.probablyShouldPutAClassName a {
display: block;
}
</style>
यह किया जा सकता है, लेकिन सभी ब्राउज़रों के लिए काम नहीं करेगा। white-space और content के साथ आपको :after छद्म-तत्व का उपयोग करने की आवश्यकता है। इसलिए
<html>
<head>
<style type="text/css">
div a:after {white-space: pre;content:'\A';}
</style>
</head>
<body>
<div>
<a href="element1">Element 1</a>
<a href="element1">Element 2</a>
<a href="element1">Element 3</a>
</div>
</body>
</html>
संदर्भ की तरह: http://www.w3.org/TR/CSS2/generate.html#content
पांच साल बाद ब्राउज़र संगतता अब कोई समस्या नहीं है लेकिन यह अभी भी एक सार्वभौमिक समाधान नहीं है क्योंकि ऐसे तत्व हैं जिनके पास छद्म तत्वों के बाद पहले :: :: या :: :: नहीं है। ''। – wortwart
करने के लिए एक वर्ग 'कंटेनर' लागू लिए ब्लॉक तत्व पूरी लाइन पर कब्जा नहीं, सेट यह कुछ छोटे करने के लिए चौड़ाई है और white-space:nowrap
label
{
width:10px;
display:block;
white-space:nowrap;
}
आप उन्हें बनाने के लिए क्यों चाहिए इनलाइन तत्वों लेकिन उनके बाद लाइन ब्रेक है? ब्लॉक तत्वों और इनलाइन तत्वों के बीच अंतर की परिभाषा बहुत अधिक है –
नहीं, ब्लॉक और इनलाइन तत्वों के बीच का अंतर उस से अधिक सूक्ष्म है। –
मुझे लगता है कि वह उन्हें अलग-अलग लाइनों पर रखना चाहता है, और उसे सीएसएस बदलने की अनुमति है लेकिन HTML नहीं। –