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

Tôi muốn các mục flex được căn giữa nhưng khi chúng ta có dòng thứ hai, phải có 5 (từ hình ảnh bên dưới) dưới 1 và không được căn giữa ở dòng chính. Đây là một ví dụ về những gì tôi có: ul { display: flex; flex-direction: row; …

91 html  css  flexbox 

Như bạn thấy, list-itemscái đầu tiên rowcó giống nhau height. Nhưng các mục trong thứ hai rowcó khác nhau heights. Tôi muốn tất cả các mặt hàng phải có đồng phục height. Có cách nào để đạt được điều này mà không đưa ra chiều cao cố định và chỉ …

91 html  css  flexbox 

Tôi có một hộp đựng linh hoạt với hai mặt hàng linh hoạt. Tôi muốn đặt margin-top trên cái thứ hai, nhưng chỉ khi nó được bao bọc chứ không phải ở dòng flex đầu tiên. Nếu có thể, tôi muốn tránh sử dụng các truy vấn phương tiện. Tôi …

89 css  margin  flexbox 

Hôm qua, tôi có một trang web trong trường học sử dụng câu lệnh flexbox CSS 3. Tôi chưa bao giờ sử dụng nó trước đây. Vì vậy, tôi đã tìm kiếm nó một chút và tìm thấy rất nhiều kiểu khác nhau của các câu lệnh flexbox. Một số …

83 css  flexbox 

Tôi có hai phần tử bên trong một vùng chứa, chúng được đặt cạnh nhau bằng cách sử dụng hộp flex. Trên phần tử thứ hai ( .flexbox-2), tôi đang đặt chiều cao của nó trong CSS. Tuy nhiên, phần tử đầu tiên ( .flexbox-1) sẽ khớp với chiều cao …

81 html  css  flexbox 

Đây là một câu hỏi khá đơn giản, tôi đoán vậy, nhưng tôi không thể lấy 3 mục trong vùng chứa linh hoạt để hiển thị thành 2 hàng, một ở hàng đầu tiên và 2 mục còn lại ở hàng thứ hai. Đây là CSS cho vùng chứa linh …

77 css  flexbox 

Tôi đã thiết kế bố cục 100% chiều rộng 100% chiều cao với flexbox css3, hoạt động trên cả IE11 (và có thể trên IE10 nếu mô phỏng của IE11 là đúng). Nhưng Firefox (35.0.1), tràn-y không hoạt động. Như bạn có thể thấy trong codepen này: http://codepen.io/anon/pen/NPYVga firefox không …

76 css  firefox  overflow  flexbox 

Tôi đang định tâm một DIV bên trong một DIV khác bằng flexbox. Hãy nghĩ về một cửa sổ hộp thoại bật lên ở giữa màn hình khi cần thiết. Nó hoạt động tốt, tuy nhiên nó sẽ trông tốt hơn nhiều nếu không gian bên trên và bên dưới …

23 html  css  flexbox  centering 

Tôi đang cố gắng tạo ra một hệ thống menu với một hình ảnh và văn bản ở trên và dưới. Dữ liệu là động. Tôi muốn hệ thống menu xuất hiện sao cho mỗi hình ảnh có khoảng cách bằng nhau với hình ảnh khác nhau để chúng xếp …

17 html  css  flexbox 

Tôi đã mã hóa một tập lệnh (với sự trợ giúp của người dùng ở đây) cho phép tôi mở rộng một div đã chọn và làm cho các div khác hoạt động tương ứng bằng cách kéo dài bằng nhau để phù hợp với không gian còn lại (ngoại …

9 javascript  jquery  css  flexbox  css-transitions 

Hiển thị một bộ sưu tập hình ảnh của các hình ảnh và tỷ lệ kích thước khác nhau với các thông số kỹ thuật sau: Không có khoảng trống (lề) giữa các hình ảnh. Tôn trọng tỷ lệ ban đầu càng nhiều càng tốt. Hình ảnh được bao quanh …

9 css  flexbox  image-gallery 

Đấu tranh để có được những thứ để cư xử. Tôi có một danh sách động các hình ảnh trên một trang web đáp ứng. Bố cục được tạo trong đó hình ảnh có thể ở hàng / cột hoặc cột hàng. Ví dụ này gần nhưng các hình ảnh …

8 html  css  flexbox  object-fit