tutorial - what is css in english




सीएसएस के साथ<br> अनदेखा करें? (7)

आप बस इसे एक टिप्पणी में बदल सकते हैं ..

या आप यह कर सकते हैं:

br {
display: none;
}

लेकिन अगर आप नहीं चाहते हैं तो आप वहां क्यों डाल रहे हैं?

मैं ऐसी साइट पर काम कर रहा हूं जिसमें कुछ शीर्षकों में लाइन के रूप में डाला गया लाइन ब्रेक है। मान लीजिए कि मैं स्रोत एचटीएमएल को संपादित नहीं कर सकता, क्या सीएसएस के साथ कोई तरीका है कि मैं इन ब्रेक को अनदेखा कर सकता हूं?

मैं साइट को अनुकूलित करने वाला मोबाइल हूं इसलिए मैं वास्तव में जावास्क्रिप्ट का उपयोग नहीं करना चाहता हूं।


आपके प्रश्न के अनुसार, अनेश कार्तिक सी दृष्टिकोण का उपयोग करके फ़ायरफ़ॉक्स और ओपेरा के लिए इस समस्या को हल करने के लिए आपको "फ्लोट" दाएं "विशेषता" जोड़ने की आवश्यकता है।

यहां example देखें। यह सीएसएस फ़ायरफ़ॉक्स (26.0), ओपेरा (12.15), क्रोम (32.0.1700) और सफारी (7.0) में काम करता है

br {
   content: " ";  
   float:right; 
}

मुझे आशा है कि यह आपके प्रश्न का उत्तर देगा !!


मेरे लिए इस तरह बेहतर दिखता है:

Some text, Some text, Some text

br {
  display: inline;
  content: '';
}

br:after {
  content: ', ';
  display: inline-block;
}
<div style="display:block">
  <span>Some text</span>
  <br>
  <span>Some text</span>
  <br>
  <span>Some text</span>
</div>


यदि आप शैली में जोड़ते हैं

br{
    display: none;
}

फिर यह काम करेगा। यकीन नहीं है कि यह आईई के पुराने संस्करणों में काम करेगा हालांकि।


यह मेरा इसे करने का तरीका है:

br { 
    display: inline;
    content: ' ';
    clear:none;
}

सीएसएस के साथ, आप ब्र टैग को "छुपा" सकते हैं और उनका कोई असर नहीं होगा:

br {
    display: none;
}

यदि आप केवल कुछ विशिष्ट शीर्षक प्रकार के भीतर छिपाना चाहते हैं, तो बस अपना सीएसएस अधिक विशिष्ट बनाएं।

h3 br {
    display: none;
}

नोट: यह समाधान केवल वेबकिट ब्राउज़र के लिए काम करता है, जो स्वयं-बंद टैग में छद्म-तत्वों को गलत तरीके से लागू करता है।

उपर्युक्त उत्तरों के लिए एक परिशिष्ट के रूप में यह ध्यान देने योग्य है कि कुछ मामलों में किसी को केवल अनदेखा करने की जगह एक जगह डालने की आवश्यकता है:

उदाहरण के लिए उपर्युक्त उत्तर चालू हो जाएंगे

Monday<br>05 August

सेवा मेरे

Monday05 August

जैसा कि मैंने सत्यापित किया था, जबकि मैंने अपना साप्ताहिक ईवेंट कैलेंडर प्रारूपित करने का प्रयास किया था। "सोमवार" के बाद एक जगह डालने के लिए प्राथमिकता दी जाती है। यह सीएसएस में निम्नलिखित डालने से आसानी से किया जा सकता है:

br  {
    content: ' '
}
br:after {
    content: ' '
}

यह करेगा

Monday<br>05 August

हमशक्ल

Monday 05 August

आप br:after में content विशेषता बदल सकते हैं br:after ', ' br:after ', ' यदि आप अल्पविराम से अलग करना चाहते हैं, या इसे ' ' डिलीमीटर बनाने के लिए ' ' भीतर जो कुछ भी चाहते हैं उसे डाल दें! वैसे

Monday, 05 August

साफ दिखता है ;-)

संदर्भ के लिए here देखें।

उपरोक्त उत्तरों में, यदि आप इसे टैग-विशिष्ट बनाना चाहते हैं, तो आप कर सकते हैं। जैसे कि आप इस संपत्ति को <h3> टैग के लिए काम करना चाहते हैं, उदाहरण के लिए, बस br और br:after पहले प्रत्येक एक h3 जोड़ें।

यह आमतौर पर एक छद्म टैग के लिए काम करता है।





css