html - Tabruimte in plaats van meerdere vaste spaties (“nbsp”)?

Is het mogelijk om een tab-teken in HTML in te voegen in plaats van  vier keer te moeten typen?

Antwoord 1, autoriteit 100%

Het is veel schoner om CSS te gebruiken. Probeer in plaats daarvan padding-left:5emof margin-left:5em.

Antwoord 2, autoriteit 96%

Het hangt af van welke tekenset je wilt gebruiken.

Er is geen tab-entiteit gedefinieerd in ISO-8859-1 HTML – maar er zijn een paar andere witruimtetekens dan  zoals  , &ensp;en &emsp;.

In ASCII is 	een tabblad.

Hieris een volledige lijst van HTML-entiteiten en een nuttige discussie over witruimte op Wikipedia.

Antwoord 3, autoriteit 41%

Nee, Tabis gewoon witruimtewat HTML betreft. Ik zou in plaats daarvan een em-spaceaanraden die zo groot is (→| |←) …meestal4 spaties breed— en wordt ingevoerd als &emsp;.

Misschien kun je zelfs wegkomen met het Unicode karakter(“ “) ervoor, als je geluk hebt.

Hier is een lijst met Spatietekens en “nul-breedtespaties” in Unicode.

Antwoord 4, autoriteit 33%

&emsp;is het antwoord.

Ze zullen echter niet zo functioneel zijn als je zou verwachten als je gewend bent om horizontale tabellen te gebruiken in tekstverwerkers, b.v. Word, Wordperfect, Open Office, Wordworth, enz. Ze hebben een vaste breedte en kunnen niet worden aangepast.

CSS geeft je veel meer controle en biedt een alternatief totdat het W3C een officiële oplossing biedt.

Voorbeeld:

padding-left:4em

..of..

margin-left:4em

..zoals van toepassing

Het hangt af van welke tekenset je wilt gebruiken.

U kunt enkele tab-tags instellen en ze op dezelfde manier gebruiken als h-tags.

<style>
    tab1 { padding-left: 4em; }
    tab2 { padding-left: 8em; }
    tab3 { padding-left: 12em; }
    tab4 { padding-left: 16em; }
    tab5 { padding-left: 20em; }
    tab6 { padding-left: 24em; }
    tab7 { padding-left: 28em; }
    tab8 { padding-left: 32em; }
    tab9 { padding-left: 36em; }
    tab10 { padding-left: 40em; }
    tab11 { padding-left: 44em; }
    tab12 { padding-left: 48em; }
    tab13 { padding-left: 52em; }
    tab14 { padding-left: 56em; }
    tab15 { padding-left: 60em; }
    tab16 { padding-left: 64em; }
</style>

…en gebruik ze als volgt:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Tabulation example</title>
        <style type="text/css">
            dummydeclaration { padding-left: 4em; } /* Firefox ignores first declaration for some reason */
            tab1 { padding-left: 4em; }
            tab2 { padding-left: 8em; }
            tab3 { padding-left: 12em; }
            tab4 { padding-left: 16em; }
            tab5 { padding-left: 20em; }
            tab6 { padding-left: 24em; }
            tab7 { padding-left: 28em; }
            tab8 { padding-left: 32em; }
            tab9 { padding-left: 36em; }
            tab10 { padding-left: 40em; }
            tab11 { padding-left: 44em; }
            tab12 { padding-left: 48em; }
            tab13 { padding-left: 52em; }
            tab14 { padding-left: 56em; }
            tab15 { padding-left: 60em; }
            tab16 { padding-left: 64em; }
        </style>
    </head>
    <body>
        <p>Non tabulated text</p>
        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p>Non tabulated text</p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>
    </body>
</html>

Antwoord 5, autoriteit 18%

Hieronder staan de 3 verschillende manieren die HTML biedt om lege ruimte in te voegen

Typ  om een enkele spatie toe te voegen.
Typ &ensp;om 2 spaties toe te voegen.
Typ &emsp;om 4 spaties toe te voegen.

Antwoord 6, autoriteit 11%

Probeer&emsp;

Het komt overeen met vier  en.

Antwoord 7, autoriteit 9%

Er is echt geen gemakkelijke manier om meerdere spaties in (of in het midden) van een alinea in te voegen. Degenen die suggereren dat je CSS gebruikt, missen het punt. Je probeert misschien niet altijd een alinea vanaf een kant te laten inspringen, maar in feite probeer je extra spaties op een bepaalde plek ervan te plaatsen.

In dit geval worden de spaties in wezen de inhouden nietde stijl. Ik weet niet waarom zoveel mensen dat niet zien. Ik vermoed de rigiditeit waarmee ze de scheiding van stijl en inhoud proberen af te dwingen (HTML is ontworpen om beide vanaf het begin te doen – er is niets mis met het af en toe definiëren van de stijl van een uniekelement met behulp van de juiste tags zonder veel meer tijd te hoeven besteden aan het maken van CSS-stylesheets en er is absoluut niets onleesbaars aan als het met mate wordt gebruikt. Er valt ook iets te zeggen om snel iets te kunnen doen.) vertaalt naar hoe ze alleen maar kunnen overwegen witruimtetekens worden alleen gebruikt voor stijl en inspringing.

En als er geen gracieuze manier is om spaties in te voegen zonder te hoeven vertrouwen op &emsp;en  tags, zou ik zeggen dat de resulterende code wordt veel onleesbaarder dan wanneer er een tag met de juiste naam was waarmee u snel een groot aantal spaties had kunnen invoegen (of als, u weet wel, spaties in de eerste plaats niet onnodig werden gebruikt).

Zoals het is, zoals hierboven gezegd, kun je het beste &emsp;gebruiken om op de juiste plaats in te voegen.

Antwoord 8, autoriteit 8%

Het is beter om de tag prete gebruiken. De tag predefinieert vooraf opgemaakte tekst.

<pre>
 This is
preformatted text.
It preserves      both spaces
and line breaks.
</pre>

meer informatie over pre-tag op deze link

Antwoord 9, autoriteit 7%

Ik kwam dit tegen toen ik op zoek was naar een methode en kwam uiteindelijk op mijn eigen manier uit die gemakkelijk lijkt te werken voor wat je wilt. Ik ben nieuw hier, dus ik hoop dat dit werkt…
Maar heb dit in CSS:

span.tab{
    padding: 0 80px; /* Or desired space*/
}

In je HTML moet dit je “lange tab” in het midden van de zin zijn, zoals ik nodig had:

<span class="tab"></span>

Bespaart van de hoeveelheid  of &emsp;die je nodig hebt.

Ik hoop dat dit iemand helpt, proost!

Antwoord 10, autoriteit 3%

&emsp;, &ensp;,  of  kunnen worden gebruikt.

W3 zegt…

The character entities &ensp; and &emsp; denote an en space and an em space respectively, where an en space is half the point size and an em space is equal to the point size of the current font.

Lees meer op W3.org voor HTML3

Lees meer op W3.org voor HTML4

Nog meer op Wikipedia

Antwoord 11, autoriteit 3%

AFAIK, de enige manier is om

&nbsp;

Als u CSS kunt gebruiken, kunt u opvulling of marge gebruiken. Zie Box-model, en voor Internet Explorer, Lees ook Internet Explorer-boxmodelfout.

Antwoord 12, autoriteit 2%

Als je alleen de eerste zin van een alinea wilt laten inspringen, kun je dat doen met een kleine CSS-truc:

p:first-letter {
    margin-left: 5em;
}

Antwoord 13, autoriteit 2%

Als witruimte zobelangrijk wordt, is het wellicht beter om vooraf opgemaakte tekst te gebruiken en de <pre> tag.

Antwoord 14, autoriteit 2%

De <tab> tag is nooit in browsers terechtgekomen, ondanks dat het in HTML3 is geïntroduceerd. Ik heb het altijd heel jammer gevonden, want het leven zou in veel omstandigheden veel gemakkelijker zijn als we het tot onze beschikking hadden. Maar u kunt dit eenvoudig verhelpen door u een nep <tab> label. Voeg het volgende toe in de kop van uw HTML of anders (zonder de stijltags) in uw CSS:

<style>
    tab { padding-left: 4em; }
</style>

Als u vanaf dat moment een tabblad in uw document nodig heeft, plaatst u <tab> daarin. Het is geen echt tabblad omdat het niet is uitgelijnd met tab-markeringen, maar het werkt voor de meeste behoeften, zonder dat je hoeft te rommelen met onhandige karakterentiteiten of overspanningen. Het maakt het heel gemakkelijk om je bron te controleren en een makkie om eenvoudige dingen te formatteren waar je niet naar het gedoe van tabellen of andere complexere “oplossingen” wilt gaan.

Een mooi aspect van deze oplossing is dat u snel een tekstdocument kunt zoeken/vervangen om alle TAB’s te vervangen door de <tab> tag.

Misschien kunt u een aantal TAB’s voor echte absolute posities definiëren en vervolgens de juiste tab gebruiken (bijv. <tab2> of <tab5> of wat dan ook) waar nodig, maar ik heb geen manier gevonden om dat te doen zonder dat het volgende regels laat inspringen.

Antwoord 15

Ik heb een span gebruikt met in-line styling. Ik heb dit moeten doen omdat ik een reeks platte tekst aan het verwerken ben en de \ t moet vervangen door 4 spaties (appx). Ik kon  niet gebruiken omdat ze verderop in het proces werden geïnterpreteerd, zodat de uiteindelijke markering niet-inhoudelijke spaties bevatte.

HTML:

<span style="padding: 0 40px">&nbsp;</span>

Ik gebruikte het in een php-functie zoals deze:

$message = preg_replace('/\t/', '<span style="padding: 0 40px">&nbsp;</span>', $message);

Antwoord 16

U kunt een tabel gebruiken en een kenmerk widthtoepassen op de eerste <td>.

Code:

<table>
    <tr>
        <td width="100">Content1</td>
        <td>Content2</td>
    </tr>
    <tr>
        <td>Content3</td>
        <td>Content4</td>
    </tr>
</table>

Resultaat

Content1       Content2
Content3       Content4

Antwoord 17

Als u slechts één tabblad nodig had, werkte het volgende voor mij.

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
</style>

Met de HTML Zoiets als:

<p><b>asdf</b> <span class="tab">99967</span></p>
<p><b>hjkl</b> <span class="tab">88868</span></p>

U kunt meer “Tabs” toevoegen door extra “Tab” -stijlen toe te voegen en de HTML te wijzigen, zoals:

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
  .tab1 {
    position: absolute;
    left: 20em;
   }
</style>

Met de HTML Zoiets als:

<p><b>asdf</b> <span class="tab">99967</span><span class="tab1">hear</span></p>
<p><b>hjkl</b> <span class="tab">88868</span><span class="tab1">here</span></p>

Antwoord 18

Er is een eenvoudige CSS voor het:

white-space: pre;

Het houdt de ruimtes die u in de HTML toevoegen in plaats van deze te verenigen.

Antwoord 19

Als u CSS gebruikt, zou ik het volgende aanraden:

p:first-letter { text-indent:1em; }

Dit zal de eerste regel als in traditionele publicaties inspringen.

Antwoord 20

<span style="margin-left:64px"></span>

Overweeg het als volgt: Eén tabblad is gelijk aan 64 pixels. Dus dit is de ruimte die we kunnen geven door CSS.

Antwoord 21

Nou, als men een lange witruimte nodig heeft in het begin van één regel alleen uit de gehele paragraaf, dan kan dit een oplossing zijn:

<span style='display:inline-block;height:1em;width:4em;'>&nbsp;</span>

Als dat te veel is om te schrijven of heeft één tabbladen op veel plaatsen nodig, dan kun je dit doen

<span class='tab'>&nbsp;</span>

Neem dan dit op in CSS:

span.tab {display:inline-block;height:1em;width:4em;}

Antwoord 22

We kunnen stijl = “White-Space: Pre” als volgt gebruiken:

<p>Text<tab style="white-space:pre">        </tab>: value</p>
<p>Text2<tab style="white-space:pre">   </tab>: value2</p>
<p>Text32<tab style="white-space:pre">  </tab>: value32</p>

De lege ruimte binnen is gevuld met tabbladen, de hoeveelheid tabbladen is afhankelijk van de tekst.

Het ziet er als volgt uit:

Text    : value
Text2   : value2
Text32  : value32

Antwoord 23

De ideale CSS-code die moet worden gebruikt, moet een combinatie zijn van “Display” en “MIN-WIDTH” -eigenschappen …

display: inline-block;
min-width: 10em; // ...for example, depending on the uniform width to be achieved for the items [in a list], which is a common scenario where tab is often needed.

Antwoord 24

Ik gebruik een lijst zonder kogels om het uiterlijk van de “tabbed” te geven.
(Het is wat ik soms doe bij het gebruik van MS Word)

In het CSS-bestand:

.tab {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

en in het HTML-bestand Gebruik ongeordende lijsten:

This is normal text
<ul class="tab">
    <li>This is indented text</li>
</ul>

De schoonheid van deze oplossing is dat u verdere inkepingen kunt maken met behulp van geneste lijsten.

Er is hier een noob aan het woord, dus als er fouten zijn, reageer dan alsjeblieft.

Antwoord 25

Met behulp van CSS en best practices zou het dynamisch maken van geneste, ingesprongen menu’s als volgt zijn:

Maak een stijl voor elke nesting, zoals indent1, indent2 enz., waarbij elk zijn eigen linkermarge specificeert. De sitestructuur mag zelden verder gaan dan drie nestniveaus.
Gebruik een statische variabele (integer) binnen de zelf-recursieve functie om de recursie bij te houden.
Voeg voor elke lus het lusnummer toe aan het woord indent, met behulp van server-side scripting zoals PHP of ASP, zodat deze menu’s op de juiste manier worden opgemaakt door CSS.

U kunt ook door de statische variabele lopen om spaties toe te voegen met behulp van meerdere  – of <pre>-tags of andere tekens, al naar gelang.

Bij het testen van het horizontale tabteken, 	ontdekte ik dat het niet werkt als vervanging voor meerdere  in het scenario I beschreven. Mogelijk heb je andere resultaten.

Antwoord 26

Alleen “pre”-tag:

<pre>Name:      Waleed Hasees
Age:        33y
Address:    Palestine / Jein</pre>

Je kunt elke CSS-klasse op deze tag toepassen.

Antwoord 27

Ik zou gewoon aanraden:

/* In your CSS code: */
pre
{
    display:inline;
}
<!-- And then, in your HTML code: -->
<pre>    This text comes after four spaces.</pre>
<span> Continue the line with other element without braking </span>

Antwoord 28

<head>
<style> t {color:#??????;letter-spacing:35px;} </style>
</head>
<t>.</t>

Zorg ervoor dat de kleurcode overeenkomt met de achtergrond
de px is variabel tot de gewenste lengte voor het tabblad.

Voeg vervolgens uw tekst toe na de < t >.< /t >

De punt wordt gebruikt als spatiehouder en het is gemakkelijker om te typen, maar de ‘& #160;’ kan worden gebruikt in plaats van de punt, waardoor de kleurcodering niet relatief is.

<head>
<style> t {letter-spacing:35px;} </style>
</head>
<t>&#160;</t>

Dit is vooral handig voor het weergeven van alinea’s met tekst, maar kan ook van pas komen in andere delen van scripts.

Antwoord 29

U kunt ook het volgende gebruiken:

p::before {
    content: "";
    padding-left: 30px;
}

En vervang “p” door een andere selector die u in gedachten heeft.

Antwoord 30

we gebruiken aangepaste ruimte overspanningsklasse

<span class='space'></span>

Space klasse opnemen in CSS.

.space 
{
   margin-left:45px;
}

Previous articleWat is de functie “beweren”?

Next articleHoe de leeftijd (in jaren) te berekenen op basis van geboortedatum en GetDate ()

Tabruimte in plaats van meerdere vaste spaties (“nbsp”)?