Dễ dàng thay đổi sự liên kết dọc của nội tuyến, khối nội tuyến, bảng nội tuyến và các phần tử ô bảng.
Thay đổi sự liên kết của các yếu tố với các tiện ích vertical-alignment
.Xin lưu ý rằng ALign dọc chỉ ảnh hưởng đến nội tuyến, khối nội tuyến, bảng nội tuyến và các phần tử ô bảng.
Chọn từ .align-baseline
, .align-top
, .align-middle
, .align-bottom
,
baseline
top
middle
bottom
text-top
text-bottom
0 và
baseline
top
middle
bottom
text-top
text-bottom
1 khi cần thiết.Với các yếu tố nội tuyến:
baselinetopmiddlebottomtext-toptext-bottom top middle bottom text-top text-bottom
baseline
top
middle
bottom
text-top
text-bottom
Với các ô bảng:
đường cơ sở | đứng đầu | ở giữa | đáy | Text-Top | văn bản đáy |
baseline
top
middle
bottom
text-top
text-bottom
Thay đổi sự liên kết của các yếu tố với các tiện ích vertical-alignment
.Xin lưu ý rằng ALign dọc chỉ ảnh hưởng đến nội tuyến, khối nội tuyến, bảng nội tuyến và các phần tử ô bảng.
Chọn từ .align-baseline
, .align-top
, .align-middle
, .align-bottom
,
baseline
top
middle
bottom
text-top
text-bottom
0 và
baseline
top
middle
bottom
text-top
text-bottom
1 khi cần thiết.Với các yếu tố nội tuyến:
Với các yếu tố nội tuyến:
baselinetopmiddlebottomtext-toptext-bottom top middle bottom text-top text-bottom
baseline
top
middle
bottom
text-top
text-bottom
Với các ô bảng:
đường cơ sở | đứng đầu | ở giữa | đáy | Text-Top | văn bản đáy |
baseline
top
middle
bottom
text-top
text-bottom
Để tập trung vào nội dung phi dòng theo chiều dọc [như
baseline
top
middle
bottom
text-top
text-bottom
9 và hơn thế nữa], hãy sử dụng các tiện ích Flex Box của chúng tôi.
baseline
top
middle
bottom
text-top
text-bottom
Sass
API tiện ích
"align": [
property: vertical-align,
class: align,
values: baseline top middle bottom text-bottom text-top
],