Không có. Và tôi sẽ kể cho bạn một câu chuyện nhỏ về lý do tại sao không. Nhưng trước tiên,
giải pháp nhanh chóng:
a) Sử dụng lớp CSS cho các thành phần cơ bản span/ div, ví dụ <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;
}
Trình diễn sử dụng => https://jsfiddle.net/fe3tasa0/
b) Sử dụng đường viền một phía và có thể CSS:first-child bộ chọn nếu bạn muốn áp dụng một bộ chia chung giữa các phần tử anh chị em / neigbour.
Câu chuyện về <vr> PHÙ HỢP trong mô hình ban đầu,
nhưng vẫn không có ở đó:
Nhiều câu trả lời ở đây cho thấy, bộ chia dọc không phù hợp với mô hình / cách tiếp cận HTML gốc ... điều đó hoàn toàn sai. Ngoài ra các câu trả lời mâu thuẫn với nhau rất nhiều.
Những người đó có lẽ đang gọi lớp CSS rõ ràng của họ là "Clearfix" - không có gì phải sửa về việc nổi, bạn chỉ đang xóa nó ... Thậm chí còn có một yếu tố trong HTML3 : <clear>. Đáng buồn thay, điều này và giải phóng mặt bằng nổi là một trong số ít những quan niệm sai lầm phổ biến.
Dù sao. "Trước đó" trong "thời đại HTML gốc", không có suy nghĩ về một cái gì đó như inline-block, có blocks, inlinesvà tables.
Cái cuối cùng thực sự là lý do tại sao <vr>không tồn tại.
Trước đó, người ta cho rằng:
Nếu bạn muốn chia dọc một thứ gì đó và / hoặc tạo thêm các khối từ trái sang phải =>
=> bạn đang tạo / muốn tạo cột =>
=> có nghĩa là bạn đang tạo bảng =>
= > bảng có đường viền tự nhiên giữa các ô của chúng => không có lý do để tạo<vr>
Cách tiếp cận này thực sự vẫn còn hiệu lực, nhưng theo thời gian cho thấy, cú pháp được tạo cho các bảng không phù hợp với mọi trường hợp cũng như kiểu mặc định của nó.
Một giả định khác, có lẽ sau này, là
nếu bạn không tạo bảng, bạn có thể là các phần tử khối nổi . Điều đó có nghĩa là chúng dính vào
nhau và một lần nữa, bạn
có thể đặt đường viền và những ngày đó thậm chí có thể sử dụng
:first-childbộ chọn mà tôi đã đề xuất ở trên ...
