Podmioty charakter  i  oznaczają pl przestrzeń i przestrzeń em odpowiednio, gdzie pl przestrzeń jest o połowę mniejszy punkt i przestrzeń em jest równa wielkości punktowej bieżącej czcionki. W przypadku czcionek o stałej wysokości agent użytkownika może traktować spację jako ekwiwalent znaku spacji, a spację em jako ekwiwalent dwóch znaków spacji.
To dobra odpowiedź. Ale chciałbym tylko powiedzieć, że lepiej byłoby użyć klasy CSS zamiast id (oznacza to zastąpienie #tabprzez .tabi id="tab"przez class="tab"), ponieważ jeśli użyjemy go więcej niż jeden raz w tym samym dokumencie, możemy mieć niezdefiniowane zachowania. Zobacz na przykład to pytanie .
Hilder Vitor Lima Pereira
To pomogło mi dzisiaj. Dziękuję bardzo.
justnisar
19
Typy Spacesw HTML
Tworzy cztery spacje między tekstem  
Tworzy dwie spacje między tekstem -  
Tworzy regularną przestrzeń między tekstem -
tworzy wąską przestrzeń (podobną do zwykłej przestrzeni, ale niewielka różnica -
"&thinsp";
Jeśli prosisz o tabulatory do wyrównania elementów w niektórych liniach, możesz użyć <table>.
Umieszczenie każdej linii <tr> ... </tr>. I każdy element wewnątrz tej linii <td> ... </td>. I oczywiście zawsze możesz kontrolować wypełnienie każdej komórki tabeli, aby dopasować przestrzeń między nimi.
To sprawi, że będą wyrównane i będą ładnie wyglądać :)
Tabele powinny być używane do przedstawiania danych tabelarycznych, a nie do formatowania. W tabelach z lat 90. często wykorzystywano do formatowania z powodu ograniczeń HTML i frustracji podczas pisania HTML ze stylami, które działały konsekwentnie w różnych przeglądarkach. Dziś jest uważany za anty-wzór.
David Baucum
Rozumiem, o co ci chodzi, może to być oldschoolowe rozwiązanie, ale miałem kiedyś jego problem i używanie tabel działało idealnie dla mnie
Argento
1
Tak, ale możesz używać stylizacji tabel (z nowoczesnym CSS) bez zmiany znaczenia semantycznego! wyświetlanie: stół itp.
Julix
3
Alternatywnie określana jako stała lub twarda spacja, nieprzerwana spacja (NBSP) jest używana w programowaniu i przetwarzaniu tekstu do utworzenia spacji w linii, której nie można przerwać zawijaniem słów.
Dzięki HTML pozwala tworzyć wiele spacji, które są widoczne na stronie internetowej, a nie tylko w kodzie źródłowym.
Biała przestrzeń? Nie możesz po prostu użyć paddingu? To jest pomysł. W ten sposób możesz dodać „pusty obszar” wokół swojego elementu. Możesz więc użyć następujących tagów CSS:
Aby wstawić symbol tabulacji (w przypadku standardowego klawisza tabulacji, przesuń kursor) naciśnij Alt+ 0+ 0+9
.element {-moz-tab-size:4;tab-size:4;}
Mój preferowany:
*{-moz-tab-size:1;tab-size:1;}
Spójrz na fragment kodu lub szybko znaleziony przykład w rozmiarze tabulacji .
.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><preclass="t1">
one tab text
two tab text
</pre><h3>tab = 2 space</h3><preclass="t2">
one tab text
two tab text
</pre><h3>tab = 4 space</h3><preclass="t4">
one tab text
two tab text
</pre>
odpowiedź user8657661 jest najbliższa moim potrzebom ( ustawiania kilku linii). Nie mogłem jednak sprawić, aby przykładowy kod działał zgodnie z opisem, ale musiałem go zmienić w następujący sposób:
<html><head><style>.tab9 {position:absolute;left:150px;}</style></head><body>
Dog Food: <spanclass="tab9"> $30</span><br/>
Milk of Magnesia:<spanclass="tab9"> $30</span><br/>
Pizza Kit:<spanclass="tab9"> $5</span><br/>
Mt Dew <spanclass="tab9"> $1.75</span><br/></body></html>
Jeśli potrzebujesz wyrównany do prawej numerów można zmienić left:150pxna right:150px, ale trzeba zmienić liczbę na podstawie szerokości ekranu (jak napisane numery byłoby 150 pikseli od prawej krawędzi ekranu).
zakładki?&tab;
, ale znalazłem ten mały fragment kodu js na github (w zasadzie znajdź i zamień, aby utworzyć pięć
z rzędu) ... gist.github.com/AustinDizzy/1231e82184bea35c42adOdpowiedzi:
Aby wstawić
tab space
pomiędzy dwa słowa / zdania, których zwykle używam 
i 
źródło
W przypadkach, w których szerokość / wysokość przestrzeni jest większa,
zwykle używam:Do poziomej przekładki:
Do elementu dystansowego pionowego:
źródło
Możesz użyć
dla spacji,<
dla<
(mniej niż numer jednostki<
) i>
dla>
(większy niż numer jednostki>
).Pełna lista znajduje się w encji HTML .
źródło
Spróbować
 
.Zgodnie z dokumentacją w Postacie specjalne :
źródło
Lubię używać tego:
W twoim CSS:
W swoim HTML:
źródło
#tab
przez.tab
iid="tab"
przezclass="tab"
), ponieważ jeśli użyjemy go więcej niż jeden raz w tym samym dokumencie, możemy mieć niezdefiniowane zachowania. Zobacz na przykład to pytanie .Typy
Spaces
w HTMLTworzy cztery spacje między tekstem
 
Tworzy dwie spacje między tekstem -
 
Tworzy regularną przestrzeń między tekstem -
tworzy wąską przestrzeń (podobną do zwykłej przestrzeni, ale niewielka różnica -
"&thinsp";
odstępy między zdaniami -
"</br>"
Ten link może ci pomóc. Sprawdź [ https://hea-www.harvard.edu/~fine/Tech/html-sentences.html]
źródło
Pierwszy wiersz tego akapitu będzie wcięty o około pięć znaków, podobnie jak wcięcie z zakładkami.
Aby uzyskać więcej informacji, zobacz Jak używać HTML i CSS do tworzenia kart i odstępów .
źródło
<span style="padding-left:68px;"></span>
Możesz także użyć:
źródło
Idź o krok dalej niż @Ivar i stylizuj mój własny tag niestandardowy w ten sposób ... Dla mnie „karta” jest łatwiejsza do zapamiętania i pisania.
I implementacja HTML ...
A mój zrzut ekranu ...
źródło
Jeśli prosisz o tabulatory do wyrównania elementów w niektórych liniach, możesz użyć
<table>
.Umieszczenie każdej linii
<tr> ... </tr>
. I każdy element wewnątrz tej linii<td> ... </td>
. I oczywiście zawsze możesz kontrolować wypełnienie każdej komórki tabeli, aby dopasować przestrzeń między nimi.To sprawi, że będą wyrównane i będą ładnie wyglądać :)
źródło
Alternatywnie określana jako stała lub twarda spacja, nieprzerwana spacja (NBSP) jest używana w programowaniu i przetwarzaniu tekstu do utworzenia spacji w linii, której nie można przerwać zawijaniem słów.
Dzięki HTML
pozwala tworzyć wiele spacji, które są widoczne na stronie internetowej, a nie tylko w kodzie źródłowym.źródło
Biała przestrzeń? Nie możesz po prostu użyć paddingu? To jest pomysł. W ten sposób możesz dodać „pusty obszar” wokół swojego elementu. Możesz więc użyć następujących tagów CSS:
źródło
Możesz użyć tego kodu,
 
aby dodać spację w treści HTML. Aby wstawić tabulator, użyj go 5 razy lub więcej.Sprawdź przykład tutaj: https://www.w3schools.com/charsets/tryit.asp?deci=8287&ent=ThickSpace
źródło
Użyj standardowego CSS
tab-size
.Aby wstawić symbol tabulacji (w przypadku standardowego klawisza tabulacji, przesuń kursor) naciśnij Alt+ 0+ 0+9
Mój preferowany:
Spójrz na fragment kodu lub szybko znaleziony przykład w rozmiarze tabulacji .
źródło
To działało dla mnie:
W moim CSS mam:
Następnie w HTML używam tylko moich kart:
źródło
odpowiedź user8657661 jest najbliższa moim potrzebom ( ustawiania kilku linii). Nie mogłem jednak sprawić, aby przykładowy kod działał zgodnie z opisem, ale musiałem go zmienić w następujący sposób:
Jeśli potrzebujesz wyrównany do prawej numerów można zmienić
left:150px
naright:150px
, ale trzeba zmienić liczbę na podstawie szerokości ekranu (jak napisane numery byłoby 150 pikseli od prawej krawędzi ekranu).źródło
Możesz to zrobić poprzez wypełnienie
<span style="padding-left: 20px;">
, możesz sprawdzić więcej sposobów tutaj - puste miejsce w htmlźródło
Oto tekst „Tab” (skopiuj i wklej): „”
Może wyglądać inaczej lub nie być pełną kartą z powodu ograniczeń odpowiedzi tej witryny.
źródło