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.Để 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
2 và hơn thế nữa], hãy sử dụng các tiện ích hộp flex của chúng tôi.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
Sass
API tiện ích
Các tiện ích căn chỉnh dọc được khai báo trong API tiện ích của chúng tôi trong
baseline
top
middle
bottom
text-top
text-bottom
3.Tìm hiểu cách sử dụng API Tiện ích. "align": [
property: vertical-align,
class: align,
values: baseline top middle bottom text-bottom text-top
],
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