Làm cách nào tôi có thể bọc một đứa trẻ flexbox để nhiều đứa trẻ được xếp cạnh một đứa trẻ khác?

In lại Tác giả: Walker 123 Thời gian cập nhật: 27-11-2023 23:32:17 27 4

+--------------+--------------+---------- + ---------------+
| 1 | 2 | 3 |
|
+--------------+--------------+---------- + ---------------+

+--------------+-------------------------------- ---------------+
|
|
| +------------------------------------------------ -+
|
|
| +------------------------------------------------ -+
|
|
+--------------+-------------------------------- ---------------+

+----------+-------------------------------------- -- -+
|
|
1 +----------------------------------------------------------+
|
|
+----------+-------------------------------------- -- -+
| 3 |
|
+------------------------------------------------ -+
| 4 |
|
+------------------------------------------------ -+

.container {
  hiển thị: linh hoạt;
  flex-wrap: bọc;
}

.điều khiển {
  độ uốn: 0 0 25%;
  chiều rộng tối đa: 25%;  
}

.name, .artist, .album {
  độ uốn: 0 0 75%;
  chiều rộng tối đa: 75%;
}

Màn hình @media và (min-width: 600px) {  
  .name, .artist, .album {
    độ uốn: 0 0 25%;
    chiều rộng tối đa: 25%;
  }
}

  
CHƠI

  
TÊN

  
NGƯỜI NGHỆ SĨ

  
ALBUM

    
CHƠI

    

        
TÊN

        
NGƯỜI NGHỆ SĨ

        
ALBUM

    

.container {
    hiển thị: linh hoạt;
    flex-wrap: bọc;
}

.inner-container {
    hiển thị: linh hoạt;
    độ uốn: 0 0 75%;
}

.điều khiển {
    độ uốn: 0 0 25%;
}

.tên,
.nghệ sĩ,
.album {
    uốn cong: 1;
}

Màn hình @media và (độ rộng tối đa: 600px) {
     .inner-container { flex-direction: cột }
     .controls { căn chỉnh-tự: giữa }
}

27 4 0

• css - đặt nội dung bên cạnh h1

  Tôi muốn thêm nhãn nút bên dưới nhưng không biết nên sử dụng CSS nào để làm điều đó. Hình ảnh bên dưới hiển thị một tình huống có thể xảy ra, với tiêu đề "Main_Page" và các nút tạo thành từng phần của một div riêng biệt. Tôi đã thử sử dụng thuộc tính lề trên nhưng muốn

• html - Hình ảnh không xuất hiện bên cạnh thanh trượt

  Hình ảnh của tôi sẽ không nằm cạnh thanh trượt mà chỉ xếp chồng lên nhau bên dưới nó. Có vẻ như không có chỗ cho hình ảnh vì thanh trượt chiếm quá nhiều không gian, nhưng khi nhìn vào mã thì có vẻ không như vậy trừ khi tôi thiếu thứ gì đó :) Thi

• html - Cách đặt một nút bên cạnh (bên phải) một nút khác

  đóng cửa. Câu hỏi này yêu cầu chi tiết hoặc rõ ràng. Hiện tại nó không chấp nhận câu trả lời. Bạn muốn cải thiện câu hỏi này? Thêm chi tiết và làm rõ câu hỏi bằng cách chỉnh sửa bài đăng này Đã đóng 6 năm trước. Cải thiện

• html - Cách đặt hình ảnh bên cạnh văn bản css

  Tôi muốn đặt một hình ảnh ở bên trái văn bản và giữ nguyên nó tùy thuộc vào độ phân giải của cửa sổ. Đây là giao diện của nó khi không có hình ảnh: http://prntscr.com/fmky4f Đây là giao diện mà tôi muốn sau khi được đặt. https://prnt.sc/fmkk

• javascript — Mô hình bật lên bị ẩn bên cạnh nội dung khi cuộn?

  Tôi đã tạo một nút và khi tôi nhấp vào nút và sau đó mô hình bật lên hiển thị, nó sẽ ẩn bên cạnh nội dung trang và nút cũng ẩn khi tôi cuộn. Tôi muốn rằng tôi không thể cuộn nội dung trang của mình khi cửa sổ bật lên xuất hiện. Tôi đã tạo mô hình bằng Bootstrap

• html - Làm cách nào để đặt văn bản bên cạnh div?

  Tôi là một nhà phát triển web sinh viên và cần một số trợ giúp. Tôi cần sao chép trang wikipedia này nhiều nhất có thể ở nơi tôi muốn Câu chuyện và div bên dưới được đặt trên trang wiki chính thức. Một vấn đề khác là lối chơi "div",

• html - Làm cách nào để đặt menu bên cạnh logo?

  Ảnh chụp màn hình tiêu đề sẽ thực hiện thao tác này: Như bạn có thể thấy, menu nằm bên dưới logo. Tôi muốn menu bên cạnh nó, bên phải logo. Tôi không biết liệu điều này có khả thi hay không, nhưng nếu có, tôi muốn được trợ giúp, cảm ơn. Đây là mã cho mọi thứ, cho

• css - Làm cách nào để văn bản lấp đầy khoảng trắng được tạo bởi (bên cạnh) một hình ảnh có lề trái âm?

  Về cơ bản, chúng ta phải có một bố cục trong đó hình ảnh phải tràn vùng chứa và văn bản lấp đầy khoảng trống do hình ảnh tạo ra (bù sang bên trái). Hiện nay chúng ta có cấu trúc này: Some đoạn

• html - thanh cuộn offset xuất hiện bên cạnh div con

  Tôi có bảng "popup" là một phần tử cố định. Bàn đôi khi quá cao để vừa với một số màn hình, vì vậy tôi đặt tràn thành tự động. Tuy nhiên, thanh cuộn dường như bị tách ra khỏi bảng bật lên vì div gốc là chiều rộng của màn hình và bảng nhỏ hơn. Có cách nào để làm

• css - cách đặt hình ảnh bên cạnh div

  Tôi có một div có đường viền: Div đại diện cho nội dung ở trên được tạo kiểu như thế này: const style = { textAlign: "center", mar

• html - đặt hình ảnh hoàn hảo bên cạnh div

  Làm cách nào để định vị hình ảnh một cách hoàn hảo trên nhiều kích cỡ màn hình khác nhau? .background-login { nền: url(../img/login.png) không lặp lại nền-s;

• Flutter: Đặt biểu tượng bên cạnh CircleAvatar ở giữa

  Tôi đang cố gắng đặt biểu tượng chỉnh sửa ở góc trên bên phải bên cạnh hình đại diện hình tròn ở giữa. Tuy nhiên, nếu tôi sử dụng tiện ích ở giữa bên trong tiện ích hàng thì nó không hoạt động: Row( Children: [

• Chuyển tên ô tới View Controller bên cạnh

  Trước hết, cảm ơn bạn đã đọc câu hỏi của tôi! Vì vậy, tôi đang gặp một số vấn đề khi chuyển tên ô sang Chế độ xem tiếp theo. Bây giờ nó sẽ vượt qua nhưng chỉ hiển thị các ô được tải gần đây nhất. Cách lập trình hiện tại như sau: var passName = "" v

• css - Di chuyển văn bản bên cạnh logo;

  Đây là trang web: www.red-tuxedo.com Tôi muốn dòng chữ "Red Tuxedo" ở bên cạnh logo chứ không phải bên dưới và tôi muốn tránh việc có một quy tắc cứng nhắc và nhanh chóng xuyên suốt logo. Kỹ năng CSS/HTML của tôi chưa đạt đến mức bình thường. khi tôi thay đổi văn bản

• css - menu ngang, vị trí cố định, bên cạnh div

  Tôi có thanh menu ngang trên cùng với chiều rộng 100%, căn giữa và vị trí cố định để nó không cuộn theo trang. Nhưng tôi cũng muốn có một tên (gọi là test) nội tuyến trong menu bên trái menu. Nhưng ngay cả khi tôi sử dụng khối nội tuyến thì nó vẫn phụ thuộc vào d ở bên trái

• html - div nổi bên cạnh div ở giữa?

  Tôi có 4 liên kết. Tôi ước tất cả họ đều ở trên cùng một dòng. Hai trong số họ ở giữa và hai người còn lại ở bên phải. Tôi quấn chúng từng đôi một nhưng tôi không thể làm cho nó hoạt động được. CSS của tôi như thế này: #links_center { } #links_ri

• android — Các thành phần lưới không nằm cạnh nhau UI UI

  Tôi đang sử dụng thành phần Lưới trong vật liệu-ui. Tôi không thể xếp chồng các phần tử lưới lên nhau. Bây giờ chúng đang xếp chồng lên nhau. Tôi không chắc điều gì khiến chúng xếp chồng lên nhau. Tôi đã thiết kế sao cho chỉ trên màn hình nhỏ, các phần tử lưới sẽ xếp chồng lên nhau, nếu không thì mỗi phần tử sẽ xếp chồng lên nhau.

• html - nút đặt bên cạnh div khối nội tuyến

  Tôi đang cố gắng đặt một nút bên cạnh div khối nội tuyến có chiều rộng cố định. Nhưng nó ở ngay dưới div. Tôi đã thử giảm chiều rộng của vùng chứa nhưng không được. Tôi muốn thực hiện điều này mà không cần đặt nút thêm lớp vào một vùng chứa riêng. Nút này phải được đặt ở .i

• html - đặt hình ảnh bên cạnh div (bong bóng trò chuyện)

  Tôi có hình ảnh của người dùng bên cạnh "bong bóng trò chuyện" nhưng hình ảnh được hiển thị sau bong bóng. Làm cách nào để đặt hình ảnh trước bong bóng trò chuyện và ghim nó vào div? Mã của tôi ở đây: http://www.codepen.io/anon/pen/fFx

• html - Đặt hình ảnh bên cạnh Navbar Bootstrap

  Chỉnh sửa #1: Đây là hình ảnh của vấn đề: Chỉnh sửa #2: Đây là hình ảnh sau khi tôi sử dụng lớp thương hiệu Chỉnh sửa #3: Tôi đang cố gắng làm nổi hình ảnh bên cạnh thanh điều hướng. Nó hoạt động cho đến khi chiều rộng thanh điều hướng của tôi đạt 100%. Khi đó thanh điều hướng được đặt bên dưới hình ảnh. Đây là