HTML / CSS का उपयोग करके पाठ में स्थान / टैब कैसे डालें

Question

संभावित तरीके:

<pre> ... </pre>

या

style="white-space:pre"

और कुछ?

Comments

HTML में श्वेत स्थान, HTML में टैब , आपका HTML बाहर , और निश्चित रूप से 

— benedict_w

क्या आपका मतलब "टैग" या "टैब" है?

— user123444555621

क्या  एक टैब बनाने के बराबर है ?

— जुआन सोलानो

वहाँ कोई नहीं है &tab;, लेकिन मैं इस छोटे से जीएस स्निपेट को गितुब पर पाया (मूल रूप  से एक पंक्ति में पांच बनाने के लिए खोज और प्रतिस्थापित करता हूं

— dgig

Answer 1

tab spaceदो शब्दों / वाक्यों के बीच मैं आमतौर पर उपयोग करने के लिए सम्मिलित करता हूं

  तथा  

Answer 2

ऐसे मामलों में जहां अंतरिक्ष की चौड़ाई / ऊँचाई से परे  मैं आमतौर पर उपयोग करता हूं:

क्षैतिज स्पेसर के लिए:

<span style="display:inline-block; width: YOURWIDTH;"></span>

ऊर्ध्वाधर स्पेसर के लिए:

<span style="display:block; height: YOURHEIGHT;"></span>

Comments

नोट: पिक्सल के संदर्भ में ऊंचाई या चौड़ाई निर्दिष्ट करना सुनिश्चित करें, अर्थात 10 पीएक्स।

— 13

Answer 3

आप उपयोग कर सकते हैं  , रिक्त स्थान के लिए <के लिए <(कम से कम, इकाई संख्या <) और >के लिए >(बड़ा है, इकाई संख्या >)।

एक पूरी सूची HTML संस्थाओं में पाई जा सकती है ।

Answer 4

कोशिश करो  ।

विशेष वर्ण पर प्रलेखन के अनुसार :

चरित्र संस्थाओं  और  एक एन स्थान और एक उन्हें अंतरिक्ष क्रमशः निरूपित, जहां एक एन अंतरिक्ष आधा बिंदु आकार है और एक उन्हें अंतरिक्ष वर्तमान फ़ॉन्ट के बिंदु आकार के बराबर है। फिक्स्ड पिच फोंट के लिए, यूजर एजेंट एन स्पेस को ए स्पेस कैरेक्टर के बराबर और ई स्पेस को दो स्पेस कैरेक्टर के बराबर मान सकता है।

Answer 5

मुझे इसका उपयोग करना पसंद है:

अपने सीएसएस में:

.tab { 
       display:inline-block; 
       margin-left: 40px; 
}

आपके HTML में:

<p>Some Text <span class="tab">Tabbed Text</span></p>

Comments

यह एक अच्छा जवाब है। लेकिन मैं सिर्फ इतना कहना चाहूंगा कि आईडी के बजाय सीएसएस क्लास का उपयोग करना बेहतर होगा (इसका अर्थ है कि इसके #tabद्वारा .tabऔर इसके id="tab"द्वारा प्रतिस्थापित class="tab") क्योंकि अगर हम एक ही दस्तावेज़ में एक से अधिक बार इसका उपयोग करते हैं, तो हमारे पास अपरिभाषित व्यवहार हो सकते हैं। उदाहरण के लिए, यह प्रश्न देखें ।

— हिल्डर विटर लीमा परेरा

इससे मुझे आज मदद मिली। बहुत बहुत धन्यवाद।

— जस्टनिसार

Answer 6

SpacesHTML में प्रकार

पाठ के बीच चार स्थान बनाता है-  

पाठ के बीच दो स्थान बनाता है -  

पाठ के बीच एक नियमित स्थान बनाता है -  

एक संकीर्ण स्थान बनाता है (नियमित स्थान के समान लेकिन थोड़ा अंतर - "&thinsp";

वाक्यों के बीच अंतर - "</br>"

यह लिंक आपकी मदद कर सकता है। देखें [ https://hea-www.harvard.edu/~fine/Tech/html-sentences.html]

Answer 7

<p style="text-indent: 5em;">
The first line of this paragraph will be indented about five characters, similar to a tabbed indent.
</p>

इस पैराग्राफ की पहली पंक्ति एक टैब्ड इंडेंट के समान, लगभग पाँच वर्णों की होगी।

अधिक जानकारी के लिए टैब और रिक्ति बनाने के लिए HTML और CSS का उपयोग कैसे करें देखें ।

Answer 8

<span style="padding-left:68px;"></span>

आप भी उपयोग कर सकते हैं:

padding-left
padding-right
padding-top
padding-bottom

Answer 9

@Ivar की तुलना में एक कदम आगे बढ़ें और अपने स्वयं के कस्टम टैग को स्टाइल करें जैसे ... मेरे लिए 'टैब' याद रखना और टाइप करना आसान है।

tab {
    display: inline-block;
    margin-left: 40px;
}

और HTML कार्यान्वयन ...

<p>Left side of the whitespace<tab>Right side of the whitespace</p>

और मेरा स्क्रीनशॉट ...

Answer 10

यदि आप कुछ पंक्तियों में सामान संरेखित करने के लिए टैब के लिए पूछ रहे हैं, तो आप उपयोग कर सकते हैं <table>।

प्रत्येक पंक्ति को अंदर लाना <tr> ... </tr>। और उस रेखा के अंदर प्रत्येक तत्व <td> ... </td>। और निश्चित रूप से आप हमेशा उनके बीच की जगह को समायोजित करने के लिए प्रत्येक टेबल सेल की गद्दी को नियंत्रित कर सकते हैं।

यह उन्हें गठबंधन कर देगा और वे बहुत अच्छे लगेंगे :)

Comments

तालिकाओं का उपयोग सारणीबद्ध डेटा को दर्शाने के लिए किया जाना चाहिए, स्वरूपण के लिए नहीं। 90 के दशक की तालिकाओं में जहां अक्सर HTML में सीमाओं के कारण प्रारूपण के लिए उपयोग किया जाता है और कुंठाएं HTML को उन शैलियों के साथ लिखती हैं जो ब्राउज़र में लगातार काम करती हैं। आज इसे प्रतिरूप माना जाता है।

— डेविड बैकुम

मैं आपकी बात देखता हूं, यह कुछ पुराने स्कूल का समाधान हो सकता है लेकिन मुझे एक बार उनकी समस्या थी और टेबल्स का उपयोग करना मेरे लिए बिल्कुल सही था

— अर्जेंटीना

हां, लेकिन आप अर्थ अर्थ को गड़बड़ किए बिना टेबल स्टाइलिंग (आधुनिक सीएसएस के साथ) का उपयोग कर सकते हैं! प्रदर्शन: टेबल, आदि

— जूलिक्स

Answer 11

वैकल्पिक रूप से एक निश्चित स्थान या हार्ड स्पेस के रूप में संदर्भित किया जाता है, नॉन-ब्रेकिंग स्पेस (NBSP) का उपयोग प्रोग्रामिंग और वर्ड प्रोसेसिंग में एक लाइन बनाने के लिए किया जाता है जिसे वर्ड रैप द्वारा तोड़ा नहीं जा सकता।

HTML के साथ,  आप कई रिक्त स्थान बनाने की अनुमति देता है जो एक वेब पेज पर दिखाई देते हैं और न केवल स्रोत कोड में।

Answer 12

सफेद जगह? क्या आप सिर्फ पैडिंग का उपयोग नहीं कर सकते थे? यह एक विचार है। इस तरह आप अपने तत्व के आसपास कुछ "रिक्त क्षेत्र" जोड़ सकते हैं। तो आप निम्नलिखित सीएसएस टैग का उपयोग कर सकते हैं:

padding: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;

Answer 13

आप  HTML सामग्री में स्थान जोड़ने के लिए इस कोड का उपयोग कर सकते हैं । टैब स्थान के लिए, इसे 5 बार या अधिक उपयोग करें।

यहां एक उदाहरण देखें : https://www.w3schools.com/charsets/tryit.asp?deci=8287&ent=ThickSpace

Answer 14

मानक CSS का उपयोग करें tab-size।

टैब प्रतीक (यदि मानक टैब कुंजी, कर्सर ले जाएँ) Alt+ 0+ 0+ सम्मिलित करने के लिए9

.element {
    -moz-tab-size: 4;
    tab-size: 4;
}

मेरी पसंद:

*{-moz-tab-size: 1; tab-size: 1;}

टैब-आकार में स्निपेट या त्वरित पाया गया उदाहरण देखें ।

.t1{
    -moz-tab-size: 1;
    tab-size: 1;
}
.t2{
    -moz-tab-size: 2;
    tab-size: 2;
}
.t4{
    -moz-tab-size: 4;
    tab-size: 4;
}
pre {border: 1px dotted;}

<h3>tab = {default} space</h3>
<pre>
	one tab text
		two tab text
</pre>

<h3>tab = 1 space</h3>
<pre class="t1">
	one tab text
		two tab text
</pre>

<h3>tab = 2 space</h3>
<pre class="t2">
	one tab text
		two tab text
</pre>

<h3>tab = 4 space</h3>
<pre class="t4">
	one tab text
		two tab text
</pre>

Answer 15

यह मेरे लिए काम किया:

मेरे सीएसएस में मेरे पास है:

tab0  { position:absolute;left:25px;  }
tab1  { position:absolute;left:50px;  }
tab2  { position:absolute;left:75px;  }
tab3  { position:absolute;left:100px; }
tab4  { position:absolute;left:125px; }
tab5  { position:absolute;left:150px; }
tab6  { position:absolute;left:175px; }
tab7  { position:absolute;left:200px; }
tab8  { position:absolute;left:225px; }
tab9  { position:absolute;left:250px; }
tab10 { position:absolute;left:275px; }

फिर HTML में मैं सिर्फ अपने टैब का उपयोग करता हूं:

Dog Food <tab3> :$30
Milk <tab3> :$3
Pizza Kit <tab3> :$5
Mt Dew <tab3> :$1.75

Answer 16

user8657661 का जवाब मेरी जरूरतों के करीब है (कई लाइनों में चीजों को अस्तर देना)। हालाँकि, मुझे दिए गए उदाहरण के अनुसार काम करने के लिए उदाहरण कोड नहीं मिला, लेकिन मुझे इसे निम्नानुसार बदलने की आवश्यकता है:

<html>
    <head>
        <style>
            .tab9 {position:absolute;left:150px; }
        </style>
    </head>

    <body>
        Dog Food: <span class="tab9"> $30</span><br/>
        Milk of Magnesia:<span class="tab9"> $30</span><br/>
        Pizza Kit:<span class="tab9"> $5</span><br/>
        Mt Dew <span class="tab9"> $1.75</span><br/>
    </body>
</html>

आप दाएँ संरेखित संख्या की जरूरत है आप बदल सकते हैं left:150pxकरने के लिए right:150pxहै, लेकिन आप (के रूप में संख्या लिखा स्क्रीन के दाएं किनारे से 150 पिक्सेल होगा) स्क्रीन की चौड़ाई के आधार पर संख्या को बदलने के लिए की आवश्यकता होगी।

Answer 17

आप जैसे पेडिंग के माध्यम से कर सकते हैं <span style="padding-left: 20px;">, आप यहां और अधिक तरीकों की जांच कर सकते हैं - html में रिक्त स्थान

Answer 18

यहाँ एक "टैब" टेक्स्ट (कॉपी और पेस्ट) है: ""

यह इस साइट की उत्तर सीमाओं के कारण भिन्न या पूर्ण टैब नहीं दिखाई दे सकता है।

Comments

मुझे लगता है कि आपको उत्तर को अधिक स्पष्ट रूप से उद्धृत करने की आवश्यकता है। क्या आपका मतलब है कहीं से कॉपी और पेस्ट करना? मुझे नहीं लगता कि यहाँ काम करेगा।

— स्माइलफेस

मार्कडाउन स्रोत में एक TAB है, लेकिन यहां HTML आउटपुट में नहीं (यह एक सिंगल स्पेस के बजाय है)।

— पीटर मोर्टेंसन