मेरे पास नीचे दिए गए कोड हैं। बॉक्स को सही तरीके से फैलाए जाने के बजाय मैं इसे तब तक कैसे बना सकता हूं जब तक कि इसे होने की आवश्यकता हो?जब तक यह होना आवश्यक है, तब तक मैं सीमा तक कैसे सेट करूं?
<html><body>
<pre style="{border-style:solid;}">A Sentence</pre>
</body></html>
आप इस्तेमाल कर सकते हैं
<pre style="display: inline; border-style: solid">
({} द्वारा शैली ब्लॉक में संबंधित नहीं रास्ता)
यह तत्व को एक इनलाइन ऑब्जेक्ट के रूप में प्रस्तुत करेगा जो अब पूर्ण चौड़ाई पर कब्जा नहीं करेगा, लेकिन सामान्य पाठ की तरह बहता है। हालांकि, इस तरह, अगला निम्नलिखित तत्व pre के ठीक आगे का पालन करेगा, और आपको <br> लाइन ब्रेक जोड़ना पड़ सकता है।
<html><body>
<pre><span style="border-style:solid;">A Sentence</span></pre>
</body></html>
एक आंतरिक तत्व का उपयोग करते हुए एक सरल दृष्टिकोण होगा:
<html><body>
<pre><span style="border-style:solid;">A Sentence</span></pre>
</body></html>
पोजीशनिंग तत्व इस मामले में मदद करनी चाहिए
<html><body>
<pre style="border-style:solid; position:absolute;">A Sentence</pre>
</body></html>
आप कर सकते हैं यह display: inline;