Căn dọc Bootstrap 5
|
ValueDescriptionDemobaseline Phần tử được căn chỉnh với đường cơ sở của phần tử gốc. Đây là defaultDemo ❯lengthTăng hoặc giảm phần tử theo độ dài đã chỉ định. Cho phép giá trị âm. Đọc về đơn vị độ dàiDemo ❯%Tăng hoặc giảm phần tử theo phần trăm của thuộc tính "line-height". Giá trị âm được phép . Đọc về khởi tạo Kế thừa thuộc tính này từ phần tử cha của nó. Đọc về thừa kế Trong bài viết này, chúng ta sẽ xem xét cách căn chỉnh nội dung theo chiều dọc và các phương pháp hay nhất với đặt lại với Bootstrap 5 Căn dọcChúng tôi có thể sắp xếp nội dung theo chiều dọc với các lớp khác nhau Để làm được điều đó, chúng ta có thể áp dụng một trong các lớp Sau đó chúng ta có thể viết baselineChúng tôi có thể căn chỉnh các mục với tất cả các lớp này Các lớp này cũng có thể được sử dụng trong các ô của bảng Ví dụ, chúng ta có thể viết Sau đó, chúng tôi nhận được kết quả khác nhau Và Bootstrap 5 cung cấp các lớp để kiểm soát mức độ hiển thị của nội dung mà không sửa đổi cách hiển thị các phần tử Chúng ta có thể sử dụng lớp Ví dụ, chúng ta có thể viết Sau đó, div đầu tiên hiển thị và div thứ 2 thì không khởi động lạiKhởi động lại cung cấp một bộ CSS cơ bản mà chúng tôi có thể xây dựng các kiểu của mình dựa trên Nó được xây dựng dựa trên Chuẩn hóa, cung cấp cho chúng tôi nhiều phần tử HTML với các kiểu cố định chỉ sử dụng bộ chọn phần tử Kiểu dáng bổ sung được thực hiện chỉ với các lớp Nó thay đổi một số giá trị mặc định của trình duyệt để sử dụng Một hướng cho Nó cũng giữ khai báo các thuộc tính liên quan đến baseline30 ở mức tối thiểu và sử dụng inherit bất cứ khi nào có thểMặc định trangbaseline31 được đặt trên toàn cầu trên mọi phần tửĐiều này đảm bảo rằng chiều rộng được khai báo của một phần tử không bao giờ bị vượt quá do phần đệm hoặc đường viền, Không có cơ sở baseline32 nào được khai báo cho phần tử baseline33Tuy nhiên, 16px được giả định Điều này có thể được ghi đè bằng biến baseline34baseline35 cũng thấy toàn cầu baseline36 , baseline37 , baseline38 và baseline39baseline35 có một Bootstrap 5 đặt phông chữ theo một kiểu nhất định Nó được thiết lập với đoạn mã sau baseline3Chúng tôi có phông chữ cho tất cả các nền tảng phổ biến như macOS và iOS, Windows, Android, Linux và phông chữ biểu tượng cảm xúc Helvetica Neue và Arial là phông chữ mặc định nếu không có phông chữ nào khác Tiêu đề và Đoạn vănBootstrap 5 cung cấp các kiểu riêng cho tiêu đề và đoạn văn Họ đã loại bỏ |
