Nie, nie ma. Opowiem wam krótką historię, dlaczego tak nie jest. Ale najpierw
szybkie rozwiązania:
a) Użyj klasy CSS dla podstawowych elementów span
/ div
np . <span class="vr"></span>
:
.vr{
display: inline-block;
vertical-align: middle;
height: 100px;
width: 1px;
background-color: #000;
}
Demonstracja użycia => https://jsfiddle.net/fe3tasa0/
b) Wykorzystaj obramowanie jednostronne i ewentualnie CSS:first-child
selektora , jeśli chcesz zastosować ogólne separatory między elementami rodzeństwa / sąsiada.
Historia o <vr>
DOPASOWANIU w oryginalnym paradygmacie,
ale wciąż tam nie ma:
Wiele odpowiedzi sugeruje, że pionowy separator nie pasuje do oryginalnego paradygmatu / podejścia HTML ... to jest całkowicie błędne. Również odpowiedzi są bardzo sprzeczne.
Ci sami ludzie są prawdopodobnie nazywając ich jasną klasę CSS „clearfix” - nie ma nic do poprawki o pływających, jesteś po prostu czyszcząc go ... Nie było nawet elementem HTML3: <clear>
. Niestety, to i zwolnienie z unoszenia się na wodzie jest jednym z niewielu powszechnych nieporozumień.
Tak czy inaczej. „Wtedy” w „oryginalnych grup wiekowych html”, nie było myśli o czymś, jak inline-block
było po prostu blocks
, inlines
i tables
.
Ta ostatnia jest właściwie powodem, dla którego <vr>
nie istnieje.
Wtedy zakładano, że:
Jeśli chcesz podzielić coś w pionie i / lub zrobić więcej bloków od lewej do prawej =>
=> tworzysz / chcesz tworzyć kolumny =>
=> oznacza to, że tworzysz tabelę =>
= > tabele mają naturalne granice między komórkami => nie ma powodu, aby tworzyć<vr>
To podejście jest nadal aktualne, ale jak pokazał czas, składnia stworzona dla tabel nie jest odpowiednia dla każdego przypadku, jak również dla domyślnych stylów.
Innym, prawdopodobnie późniejszym założeniem było to, że
jeśli nie tworzysz tabeli, prawdopodobnie masz pływające elementy blokowe . Co oznacza, że są one trzymać
razem , i znowu,
można ustawić granicę , a te dni prawdopodobnie nawet użyć
:first-child
przełącznika zasugerowałem wyżej ...