सीएसएस

Question

के माध्यम से प्रीफॉर्मेटेड टेक्स्ट के रूप में डिस्प्ले तत्व को सीएसएस के माध्यम से pre तत्व के प्रदर्शन का अनुकरण करने का कोई तरीका है?

उदाहरण के लिए, क्या मैं सीएसएस नियम का उपयोग करके इस div में व्हाइटस्पेस बरकरार रख सकता हूं?

<div class="preformatted"> 

    Please procure the following items: 

    - Soup 
    - Jam 
    - Hyphens 
    - Cantaloupe 
</div> 

Answer 1

उपयोग white-space: prepre तत्व के रूप में खाली स्थान के preformatting संरक्षित करने के लिए। एक कदम आगे जाने के लिए, font-family: monospace भी जोड़ें, pre तत्व आमतौर पर एक मोनोस्पेस फ़ॉन्ट में डिफ़ॉल्ट रूप से सेट होते हैं (उदा। कोड ब्लॉक के साथ उपयोग के लिए)।

.preformatted { 
 
    font-family: monospace; 
 
    white-space: pre; 
 
}

<div class="preformatted"> 
 

 
    Please procure the following items: 
 

 
    - Soup 
 
    - Jam 
 
    - Hyphens 
 
    - Cantaloupe 
 
</div>

Answer 2

हाँ:

div.preformatted { 
    white-space: pre; 
    } 

संदर्भ:

• white-space।

Answer 3

.preformatted { 
    white-space: pre-wrap; 
} 

मुझे लगता है कि "पूर्व रैप" बेहतर है। यह लाइन में लंबी लंबाई के साथ मदद कर सकते हैं।

Answer 4

<pre> प्राप्त करने के लिए आप उपयोग कर सकते हैं;

div.preformatted{ white-space: pre ; display: block; }