एचटीएमएल

Question

में
का उपयोग किए बिना नई लाइन बनाएं, मैं इन तत्वों में से प्रत्येक को HTML में <br /> का उपयोग किए बिना अलग-अलग लाइन बनाना चाहता हूं, <h1> ब्लॉक तत्व है लेकिन मुझे इसे width ठीक करना है। मैं <h1> के नीचे एंकर कैसे आ सकता हूं? http://jsfiddle.net/mmhhd/

Answer 1

प्रारंभ h1 से float: left को हटाने के द्वारा।

a.view-options { 
    display: block; 
} 

Answer 2

लंगर टैग के रूप में अच्छी तरह से तत्व को बनाओ:

<h1 id="viewerTitle">Header </h1> 
<a href="#" class="view-options">View options</a> 
<a href="#" class="view-options">View options</a> 

यहाँ एक उदाहरण है।

Answer 3

उपयोग सीएसएस लंगर लिंक टैग ब्लॉक बनाने के लिए:

a.view-options { display: block; } 

Answer 4

उपयोग सीएसएस:

a { 
    display: block; 
} 

डिफ़ॉल्ट रूप से a टैग एक इनलाइन तत्व है, तो आप अपने प्रदर्शन संपत्ति बदलना होगा।

सीएसएस विनिर्देश से:

ब्लॉक स्तर के तत्वों स्रोत दस्तावेज़ है कि ब्लॉक (जैसे, पैराग्राफ) के रूप में नेत्रहीन स्वरूपित हैं उन लोगों के तत्व हैं। 'प्रदर्शन' संपत्ति के निम्नलिखित मान तत्व ब्लॉक-स्तर बनाते हैं: 'ब्लॉक', 'सूची-वस्तु', और 'तालिका'।

http://www.w3.org/TR/CSS2/visuren.html#block-boxes

इनलाइन स्तर के तत्वों स्रोत दस्तावेज़ कि सामग्री के नए ब्लॉक का निर्माण नहीं होता की उन तत्वों रहे हैं; सामग्री में वितरित की जाती है (उदाहरण के लिए, अनुच्छेद, इनलाइन छवियों, इत्यादि के भीतर पाठ के टुकड़े पर जोर दिया जाता है)। 'डिस्प्ले' प्रॉपर्टी के निम्नलिखित मान एक तत्व इनलाइन-लेवल बनाते हैं: 'इनलाइन', 'इनलाइन-टेबल' और 'इनलाइन-ब्लॉक'। इनलाइन-स्तरीय तत्व इनलाइन-स्तरीय बक्से उत्पन्न करते हैं, जो बॉक्स हैं जो एक इनलाइन स्वरूपण संदर्भ में भाग लेते हैं।

http://www.w3.org/TR/CSS2/visuren.html#inline-boxes

Answer 5

H1 टैग बंद नाव ले लो और एक टैग 'प्रदर्शन कर: display: block;

Answer 6

वैकल्पिक तरीका:

h1 में float:left; और display: inline-block; निकालें a.view-options

में

फिर नियम जोड़ने

फिर

जोड़ें

h1:after, a:after { 
    content:"\a"; 
    white-space: pre; 
} 

देखें http://jsfiddle.net/8my6q/

Answer 7

इस तरह से है कि मेरे लिए काम करता है।

p.autonewline {white-space: pre-line;}