Sử dụng grid css có tốt không?
Các bạn đọc like ủng hộ MUO nhé. Khi bạn mua hàng bằng các liên kết trên trang web của chúng tôi, chúng tôi có thể kiếm được hoa hồng liên kết. Đọc thêm Hiểu biết vững chắc về Flexbox và CSS Grid là cần thiết nếu bạn muốn xây dựng các trang web tuyệt đẹp, đáp ứng Show Nếu bạn đã viết CSS trong một khoảng thời gian dài, rất có thể ít nhất bạn đã nghe nói về các thuật ngữ này. Bạn thậm chí có thể đã sử dụng một hoặc cả hai ở một mức độ nào đó. Cả hai đều là những phần mạnh mẽ của CSS, với các trường hợp sử dụng tương tự nhưng khác nhau một cách tinh tế Flexbox là gì?Flexbox là một phương pháp bố cục CSS một chiều đã xuất hiện được một thời gian. Bạn có thể coi Flexbox là một loạt các thuộc tính CSS có liên quan mà bạn có thể sử dụng để căn chỉnh các phần tử HTML trong một vùng chứa và quản lý khoảng cách giữa chúng Trước Flexbox, kiểu bố cục này yêu cầu sử dụng các thuộc tính vị trí và float gây khó chịu và khó sử dụng Nếu bạn lo lắng về hỗ trợ trình duyệt cho Flexbox, đừng. Theo caniuse. com, tất cả các trình duyệt hiện đại đều hỗ trợ Flexbox Khái niệm cơ bản về FlexboxMặc dù Flexbox bao gồm nhiều thuộc tính CSS, nhưng những điều cơ bản lại khá đơn giản. Việc sử dụng Flexbox luôn bắt đầu bằng cách khai báo vùng chứa chính là vùng chứa flex bằng cách thêm hiển thị. linh hoạt theo quy tắc phong cách của nó. Làm điều này tự động làm cho tất cả các phần tử con của phần tử này flex-items Sau đó, bạn có thể kiểm soát việc phân phối không gian trong flex-container bằng cách sử dụng thuộc tính justify-content. Bạn có thể kiểm soát việc căn chỉnh các mục linh hoạt bằng thuộc tính align-items Đây là một ví dụ mã sử dụng Flexbox để trải đều không gian trong vùng chứa giữa các phần tử con của nó và căn chỉnh tất cả chúng ở giữa vùng chứa. Đây là HTML |