html - hộp flex trong hộp flex, định vị không hoạt động. (hộp flex trong hộp flex)

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 03:02:57 28 4

    <đầu>
        
        
    
    
                    
        

            

                

                    
                


                

                    

                        

                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                        

                        
123456

                    

                


                

                    789
                

            

            
        

    Xem sitemap của VNExpress

body {
  padding: 0;
  margin: 0;
}
P {
  lề dưới: 17px;
}
.wrapper {
  chiều rộng: 1000px;
  lề: 0 tự động;
  đường viền: 1px liền khối #000;
  kích thước hộp: hộp viền;
}
.flexContainer {
  hiển thị: linh hoạt;
  flex-wrap: nowrap;
  biện minh-nội dung: khoảng cách giữa;
  hướng linh hoạt: hàng;
  căn chỉnh các mục: kéo dài;
  width: 100%;
  kích thước hộp: hộp viền;
  đường viền: 1px rắn #f00
}
.firstCol {
  chiều rộng: 32%;
  kích thước hộp: hộp viền;
  thứ tự: 1;
  đường viền: 1px liền khối #f00;
}
.secondCol {
  hiển thị: flex; /*Thêm cái này*/
  chiều rộng: 32%;
  kích thước hộp: hộp viền;
  thứ tự: 2;
  đường viền: 1px liền khối #0f0;
  kích thước hộp: hộp viền;
}
.secondCol .innerFlex {
  /*chiều cao: 100%; Xóa cái này*/
  hiển thị: linh hoạt;
  hướng linh hoạt: hàng;
  flex-wrap: bọc;
  căn chỉnh các mục: kéo dài;
  biện minh-nội dung: khoảng cách giữa;
  width: 100%;
  kích thước hộp: hộp viền;
}
.secondCol .innerFlex .firstItem {
  đường viền: 1px liền khối #00f;
  width: 100%;
  đặt hàng: 1
}
.secondCol .innerFlex .secondItem {
  đường viền: 1px liền khối #00f;
  width: 100%;
  aling-self: flex-end;
  kích thước hộp: hộp viền;
  display: block;
  Đặt hàng: 2
}
.thứ baCol {
  chiều rộng: 32%;
  kích thước hộp: hộp viền;
  thứ tự: 3;
  đường viền: 1px liền khối #f0f;
  kích thước hộp: hộp viền;
}

  

    

      
    


    

      

        

          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        

        
123456

      

    


    

      789
    

  

  

28 4 0

• JPanel trong JFrame JScrollPane trong JTextPane

  Điều tôi muốn làm là làm cho JTextPane chiếm nhiều dung lượng nhất có thể trong JPanel. Đối với UpdateInfoPanel tôi đang sử dụng: public class UpdateInfoPanel mở rộng JP

• Sự cố với JScrollPane trong JPanel trong JTextArea trong JFrame

  Tôi có JTextArea trong JPanel và tôi muốn sử dụng nó với JScrollPane. Tôi đang sử dụng GridBagLayout. Khi tôi chạy nó, khung công tác dường như nhường chỗ cho JScrollPane, nhưng

• UITableView trong UIViewController trong iOs Xcode

  Tôi muốn triển khai chức năng sau trong xcode. Tôi có Trình điều khiển xem. Trong UIViewController này, tôi có UITabBar. Bên dưới chúng là UIView. Thay đổi UITab

• sql - Hàm tương đương với STUFF trong SQL (GROUP_CONCAT trong MySQL/Listagg trong Oracle)

  Có ai biết Firebird 2.5 có chức năng tương tự chức năng "STUFF" trong SQL không? Tôi có một bảng chứa các bản ghi người dùng gốc và một bảng khác chứa các bản ghi người dùng con liên quan đến cha mẹ. Tôi muốn có thể trích xuất một chuỗi "ROLES" được phân tách bằng dấu phẩy do người dùng sở hữu, trong khi

• Phân tích cú pháp Json trong Mirth hoặc Json trong Mirth hoặc HL7 thành JSON trong Mirth

  Tôi muốn sử dụng JSON làm đầu vào và đầu ra của kênh phản ánh, chẳng hạn như lưu thông tin chi tiết trong cơ sở dữ liệu hoặc tạo thông báo HL7. Nói tóm lại, đầu vào là JSON, phân tích cú pháp và xuất ra bất kỳ định dạng nào. Đối tượng trả lời tốt nhất

• Nếu cột A trong tệp 1 = cột A trong tệp 2, thay thế bằng cột B trong tệp 2

  Thông thường tôi sẽ sử dụng R và thực hiện merge.by, nhưng tệp này có vẻ quá lớn để bất kỳ máy tính nào trong bộ phận có thể xử lý nó! (Thông tin bổ sung cho bất kỳ ai làm việc trong lĩnh vực di truyền học) Về cơ bản, việc quy định dường như sẽ bị xóa Sau khi nhận được số rs của ID snp, tôi chỉ có

• HAML trong Javascript Javascript trong

  Tôi có một câu hỏi có thể đã được hỏi trước đây nhưng tôi gặp khó khăn khi tìm mô tả chính xác. Tôi hy vọng ai đó có thể giúp tôi. Trong đoạn mã bên dưới, tôi đã thiết lập varprice và tôi muốn thêm biến javascript accu_id để tra cứu bản ghi trong cơ sở dữ liệu của mình thông qua Rails

• SVG trong HTML HTML trong

  Tôi có một tệp SVG đơn giản có thể xem tốt trong Firefox - nó có một số văn bản gói chứa một số HTML bằng cách sử dụng đối tượng nước ngoài - văn bản được gói trong một div:

• "Hoặc" trong khối If trong Ruby

  Vì vậy, tôi đang viết một chương trình Ruby dành cho trường học để thay đổi giá trị bool thành true nếu giá trị là 1 hoặc 3 và thành false nếu nó là 0 hoặc 2. Vì tôi có nền tảng Java nên tôi nghĩ mã này sẽ hoạt động:

• amazon-web-services - Cách gọi hàm AWS Lambda trong Tài khoản B (Lambda trong VPC) từ Lambda trong Tài khoản A (Lambda trong VPC)

  Những gì tôi đã làm: Tôi đã tạo VPC ngang hàng giữa các tài khoản này Cổng Internet cũng được kết nối với từng VPC Bảng định tuyến cũng được định cấu hình (để cho phép lưu lượng truy cập từ cả hai phía) Trường hợp 1: Khi hai VPC này nằm trong cùng một tài khoản Trong thời gian chờ đợi, tôi đã thử nghiệm thành công nó từ một La khác

• php - Làm cách nào để lấy các hàng có giá trị1 trong cột1 và giá trị2 trong cột2 nhưng giá trị2 trong cột1 không có giá trị1 trong cột2?

  Tôi có một bảng gọi là danh bạ: user_id contact_id 10294 10295 10294 10293 10293 10294 102

• getChildHtml trong foreach trong Magento

  Tôi đang sử dụng mẫu mới trong Magento. Để tránh trùng lặp mã, tôi muốn sử dụng cùng một mẫu con cho mỗi bản xem trước sản phẩm. Cụ thể là tôi đã tạo một màn hình như thế này: $products = Mage::getModel('catalog/pro

• giao thức - "defimpl" trong "for" trong Elixir thực sự kiểm tra điều gì?

  "for" có luôn kiểm tra loại tham số đầu tiên trong mọi hàm được xác định trong giao thức không? Chỉnh sửa (viết lại): Khi một phương thức giao thức chỉ có một tham số, việc triển khai được tìm thấy dựa trên loại tham số đơn đó (trực tiếp hoặc tùy ý). Khi thỏa thuận (p

• javascript - JavaScript trong PHP PHP trong JavaScript

  Tôi muốn gọi hàm JavaScript từ mã PHP của mình. Tôi đã đạt được điều này bằng cách sử dụng: echo ' drawChart($id); '; Điều này hoạt động tốt, nhưng tôi muốn lấy dữ liệu từ mã PHP của mình, tôi sử dụng

• javascript - html trong html JavaScript trong html

  Câu hỏi này đã có câu trả lời: Sự kiện ràng buộc trên các phần tử được tạo động? (23 câu trả lời) Đã đóng 5 năm trước. Tôi có một biểu mẫu động mà tôi muốn nối thêm một số h

• setState trong .map trong thành phầnDidMount()

  Tôi đang cố gắng tìm giải pháp sử dụng setState trên các mục được ánh xạ trong thành phầnDidMount. Tôi đang sử dụng GraphQL cùng với Gatsby để trả về nhiều mục dữ liệu nhưng yêu cầu điều đó trong một thao tác cụ thể

• android - OnTouchListener trong Chế độ xem trong ScrollView

  Tôi có Chế độ xem bên trong ScrollView. Tôi muốn gọi phương thức này cứ sau 80 mili giây miễn là người dùng giữ Chế độ xem. Đây là những gì tôi đã thực hiện: rung Runnable cuối cùng = Runnab mới

• android - dvmAbort trong dvmDecodeIndirectRef trong GetStringUTFChars

  Tôi đã phát triển một ứng dụng Android bằng jni. Tôi nhận được một dvmabort trong dvmDecodeIndirectRef của GetStringUTFChars. Tôi chỉ phá thai một lần. Tại sao điều này lại xảy ra?

• RecyclerView trong FragmentPagerAdapter trong Hoạt động android -

  Khi tôi truy cập Hoạt động của mình, tôi gọi FragmentPagerAdapter để xử lý các tab khác nhau của mình. Trong một trong các tab của mình, tôi muốn hiển thị RecyclerView nhưng anh ấy không bao giờ xuất hiện, với một điểm ngắt mà tôi thấy

• RecyclerView trong DialogFragment trong Hoạt động android - RecyclerView trong DialogFragment trong Hoạt động

  Khi tôi nhấn một nút trong Hoạt động, DialogFragment sẽ bật lên. Trong đoạn hộp thoại, có một RecyclerView trông giống như một ListView bình thường. Hành vi tôi muốn là khi