Hayır yok. Ve neden olmadığına dair size küçük bir hikaye anlatacağım. Ama önce
hızlı çözümler:
a) Temel öğeler için CSS sınıfını kullanın span/ div, örneğin <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;
}
Kullanım gösterimi => https://jsfiddle.net/fe3tasa0/
b):first-child Kardeş / komşu öğeler arasında genel bir bölücüler uygulamak istiyorsanız, yalnızca tek taraflı bir kenarlık ve muhtemelen CSS seçiciden yararlanın.
Orijinal paradigmadaki <vr> FITTING hakkındaki hikaye ,
ancak hala orada değil:
Buradaki birçok cevap, dikey bölücünün orijinal HTML paradigmasına / yaklaşımına uymadığını öne sürüyor ... bu tamamen yanlış. Cevaplar da kendileriyle çok çelişiyor.
Aynı kişiler muhtemelen kendi açık CSS sınıflarına "clearfix" diyorlar - float hakkında düzeltilecek bir şey yok, sadece onu temizliyorsunuz ... HTML3'te bile bir öğe vardı: <clear> . Ne yazık ki, bu ve yüzmenin temizlenmesi, birkaç yaygın yanlış anlamadan biridir.
Neyse. "O zamanlar" "orjinal HTML yaştan" in, böyle bir konuda hiçbir düşünce yoktu inline-blockorada sadece vardı blocks, inlinesve tables.
Sonuncusu aslında <vr>var olmamasının sebebidir .
O zamanlar şu varsayılıyordu:
Bir şeyi dikey olarak bölmek ve / veya soldan sağa daha fazla blok
yapmak istiyorsanız =>
=> sütunlar yapıyorsunuz / yapmak istiyorsunuz =>
=> bu bir tablo oluşturduğunuzu ima eder =>
= > tablolar onların hücreler arasında doğal sınırlarını var => hiçbir neden bir hale getirmek için<vr>
Bu yaklaşım aslında hala geçerlidir, ancak zamanın gösterdiği gibi, tablolar için yapılan sözdizimi, varsayılan stillerin yanı sıra her durum için uygun değildir.
Muhtemelen daha sonra bir başka varsayım,
eğer tablo oluşturmuyorsanız, muhtemelen blok elemanları yüzüyorsunuzdur . Onlar yapıştırıyoruz anlam O
arada ve tekrar, sen
bir sınır ayarlayabilirsiniz ve o günleri belki de kullanmak
:first-childYukarıda önerilen seçici ...
