Câu hỏi được gắn thẻ «css-grid»

Tôi đang cố gắng tạo một trang đơn giản với CSS Grid. Điều tôi không làm được là tập trung văn bản từ HTML vào các ô lưới tương ứng. Tôi đã thử đặt nội dung trong các phần riêng biệt divcả bên trong và bên ngoài left_bgvà right_bgbộ chọn …

179 html  css  centering  css-grid 

TL; DR: Có bất cứ điều gì giống như table-layout: fixedlưới CSS không? Tôi đã cố gắng tạo ra một lịch xem năm với lưới 4x3 lớn trong nhiều tháng và ở đó các lưới 7x6 lồng nhau cho các ngày. Lịch nên điền vào trang, vì vậy, thùng chứa …

153 css  grid-layout  css-grid 

Tôi cần phải thực hiện một bố cục xây dựng khá bình thường. Tuy nhiên, vì một số lý do tôi không muốn sử dụng JavaScript để làm điều đó. Thông số: Tất cả các yếu tố có cùng chiều rộng Các phần tử có chiều cao không thể tính …

134 html  css  flexbox  css-grid 

Có thể tạo một cuộn lưới CSS mà không sử dụng các truy vấn phương tiện không? Trong trường hợp của tôi, tôi có một số mục không xác định mà tôi muốn được đặt trong một lưới và tôi muốn lưới đó được bao bọc. Sử dụng Flexbox, tôi …

126 html  css  css-grid 

Tôi hiểu rằng điều này là không thể đạt được bằng cách sử dụng Flexbox, vì mỗi hàng chỉ có thể là chiều cao tối thiểu cần thiết để phù hợp với các phần tử của nó, nhưng liệu điều này có thể đạt được bằng cách sử dụng CSS …

101 css  flexbox  grid-layout  css-grid 

Tôi đang cố gắng căn giữa các yếu tố bên trong của thẻ <button>-tag bằng flexbox justify-content: center. Nhưng Safari không tập trung vào chúng. Tôi có thể áp dụng cùng một kiểu cho bất kỳ thẻ nào khác và nó hoạt động như dự định (xem <p>-tag). Chỉ có …

91 html  css  safari  flexbox  css-grid 

Trong ví dụ sau, vòng tròn thích ứng với chiều rộng lưới và giữ tỷ lệ khung hình của nó. Khi chiều rộng của container co lại, các vòng tròn co lại với nó ... Tuy nhiên, khi chiều cao nhỏ hơn chiều rộng (hộp thứ hai), vòng tròn không …

8 html  css  svg  css-grid  aspect-ratio