Não, não há. E vou lhe contar uma pequena história sobre por que não é. Mas primeiro,
soluções rápidas:
a) Use a classe CSS para elementos básicos span/ div, por exemplo <span class="vr"></span>:
.vr{
display: inline-block;
vertical-align: middle;
/* note that height must be precise, 100% does not work in some major browsers */
height: 100px;
width: 1px;
background-color: #000;
}
Demonstração de uso => https://jsfiddle.net/fe3tasa0/
b) Utilize uma borda unilateral e, possivelmente, o :first-childseletor CSS , se desejar aplicar divisores gerais entre os elementos irmãos / vizinhos.
A história sobre <vr> MONTAGEM no paradigma original,
mas ainda não estando lá:
Muitas respostas aqui sugerem que o divisor vertical não se encaixa no paradigma / abordagem HTML original ... isso é completamente errado. As respostas também se contradizem bastante.
Essas mesmas pessoas provavelmente estão chamando seu CSS class "clearfix" clara - não há nada a correção sobre flutuante, você está apenas limpá-lo ... Havia até mesmo um elemento em HTML3: <clear>. Infelizmente, isso e a folga da flutuação são um dos poucos equívocos comuns.
De qualquer forma. "Naquela época" em "idades originais HTML", não havia nenhum pensamento sobre algo como inline-block, havia pouco blocks, inlinesetables .
O último é realmente a razão pela qual <vr>não existe.
Naquela época, supunha-se que:
se você deseja dividir verticalmente algo e / ou criar mais blocos da esquerda para a direita =>
=> você está criando / deseja criar colunas =>
=> que implica a criação de uma tabela =>
= > tabelas têm bordas naturais entre suas células => não há razão para fazer uma<vr>
Essa abordagem ainda é válida, mas como o tempo mostrou, a sintaxe criada para as tabelas não é adequada para todos os casos, assim como para os estilos padrão.
Outra suposição, provavelmente mais tarde, foi que,
se você não estiver criando uma tabela, provavelmente estará flutuando elementos de bloco . Isso significa que eles estão se
unindo e, novamente, você
pode definir uma borda , e esses dias provavelmente até usam o
:first-childseletor que sugeri acima ...
