Trong HTML, các nút là các phần tử có thể nhấp được dùng để thực hiện một hành động cụ thể. Sử dụng CSS, bạn có thể đặt vị trí của nút ở nơi bạn muốn đặt nó. Để làm như vậy, có một số kỹ thuật trong CSS, một trong số chúng là flexbox. “ uốn cong ”Được sử dụng để đặt vị trí của phần tử theo khung nhìn của nó.
Bài viết này sẽ hướng dẫn cách căn giữa một nút bằng CSS Flexbox.
Vì vậy, hãy bắt đầu!
Làm thế nào để căn giữa nút bằng cách sử dụng CSS flexbox?
“ uốn cong ”Là giá trị được đặt cho thuộc tính hiển thị của CSS. Tùy thuộc vào kích thước khung nhìn mà nó thiết lập nội dung hoặc các phần tử cho phù hợp. Trong CSS, giá trị flex tạo ra không gian bằng nhau giữa các phần tử để đảm bảo chúng được sắp xếp một cách hiệu quả.
Cú pháp
Trong cú pháp đã cho ở trên, “ uốn cong ”Sẽ được chỉ định là giá trị của“ trưng bày ' tài sản.
Vì vậy, hãy xem ví dụ để tập trung nút bằng cách sử dụng linh hoạt.
Thí dụ
Trong
của HTML, chúng tôi sẽ tạo một vùng chứa với lớp