Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

html - Luồng dữ liệu từ cột sang hàng trong HTML

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 06:52:28 26 4
mua khóa gpt4 Nike

Tôi có một cảnh. Tôi có một bảng có 2 cột và 10 hàng. Tôi phải điền vào tất cả các hàng của cột đầu tiên và sau đó là tất cả các hàng của cột còn lại. Nhưng khi tôi tạo nó, nó chỉ thêm giá trị của cột2 sau cột1. Có thể có trong HTML CSS không?

例如

Tên ID
1 Onkar
2 Tiwari
3 Shweta

Tôi muốn điền nó trước NHẬN DẠNG tất cả các giá trị của cột trước khi điền tên Tất cả các giá trị của cột. Thực ra NHẬN DẠNG Cột đang được unix chuyển qua.

Bạn có thể giúp tôi làm điều tương tự?

tôi đã làm gì

                                 

















                                
                                        Chỉ số tiên đề                                
                                
                                        Ngày lõi ngô                                 
                                
                                     ID chạy                                 
                                
                                       là_tháng_cuối                                 
                                
 %jobs_status1%                                                  

  Giá trị jobs_status này đến từ các hàng unix là 16 và các cột là 2.

câu trả lời hay nhất

Bạn có thể thử sử dụng đơn giản hoạt hìnhcủa colormỗi Các thuộc tính có độ trễ tăng dần. Hiệu ứng thực là in tuần tự các cột và hàng.

Bản demo codepen

例如













    ...    




      
      Id      Name    
        
       1Tên 1    
    
       10Tên 10

CSS

tbody td { 
  màu: rgba(0,0,0, 0); 
  hoạt ảnh: tô màu 0,15 giây tuyến tính chuyển tiếp;
}

@keyframes tô màu {
  từ { màu: rgba(0,0,0, 0);
  đến { màu: rgba(0,0,0, 1);
}

/*cột đầu tiên*/
tr:nth-of-type(1) td:nth-of-type(1) { animation-delay: 1s;
tr:nth-of-type(2) td:nth-of-type(1) { animation-delay: 1.5s }
tr:nth-of-type(3) td:nth-of-type(1) { animation-delay: 2s }
tr:nth-of-type(4) td:nth-of-type(1) { animation-delay: 2.5s }
tr:nth-of-type(5) td:nth-of-type(1) { animation-delay: 3s }
tr:nth-of-type(6) td:nth-of-type(1) { animation-delay: 3.5s }
tr:nth-of-type(7) td:nth-of-type(1) { animation-delay: 4s }
tr:nth-of-type(8) td:nth-of-type(1) { animation-delay: 4.5s }
tr:nth-of-type(9) td:nth-of-type(1) { animation-delay: 5s }
tr:nth-of-type(10) td:nth-of-type(1) { animation-delay: 5.5s }


/*cột thứ hai*/
tr:nth-of-type(1) td:nth-of-type(2) { animation-delay: 6s }
tr:nth-of-type(2) td:nth-of-type(2) { animation-delay: 6,5s }
tr:nth-of-type(3) td:nth-of-type(2) { animation-delay: 7s;
tr:nth-of-type(4) td:nth-of-type(2) { animation-delay: 7.5s }
tr:nth-of-type(5) td:nth-of-type(2) { animation-delay: 8s }
tr:nth-of-type(6) td:nth-of-type(2) { animation-delay: 8,5s }
tr:nth-of-type(7) td:nth-of-type(2) { animation-delay: 9s;
tr:nth-of-type(8) td:nth-of-type(2) { animation-delay: 9,5s }
tr:nth-of-type(9) td:nth-of-type(2) { animation-delay: 10s }
tr:nth-of-type(10) td:nth-of-type(2) { animation-delay: 10,5s }

Tất nhiên, nếu bạn dự định có nhiều hơn 10 hàng, bạn nên tạo độ trễ hoạt hìnhSử dụng một số công cụ như ít hơnhoặc hỗn xược (Làm bằng tay có thể là một công việc tẻ nhạt).

Về html - luồng dữ liệu từ cột sang hàng trong HTML, chúng tôi tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/52722404/

26 4 0
Bài viết khuyến nghị: Mã chạy trên java 7u55 chậm hơn nhiều so với các phiên bản trước?
Bài viết khuyến nghị: Các ngôn ngữ lập trình chính thống hiện nay chủ yếu sử dụng phạm vi động hay tĩnh (từ vựng)?
Bài viết khuyến nghị: java - xóa giá trị trong cây nhị phân
Bài viết khuyến nghị: Cách đặt mảng char không dấu từ argv trong C
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress