cuốn sách gpt4 ai đã làm

css - Làm cho 1 tr và 4 td hoạt động như sau: 2 tr với 1 td trong mỗi và 1 tr với 2 td trong, chỉ thông qua CSS

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

Sử dụng HTML này:








1 2 3 4

Tôi nhận được kết quả này:

1 2 3 4

Nhưng điều tôi muốn là:

 1
2 3
4

Làm cách nào tôi có thể đạt được điều này chỉ bằng CSS mà không thay đổi HTML?

如果我这样做:

td { hiển thị: hàng bảng }
td:nth-child(2), td:nth-child(3) { display: table-cell }

Nó không hoạt động. Tuy nhiên nếu bỏ "display:table-cell" thì tôi chỉ cần đổi 2. và 3.td thành 1 tr

Ví dụ:https://jsfiddle.net/1h3eyLqk/

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

Bạn có thể sử dụng ở đây Flexbox và làm cho ô đầu tiên và ô cuối cùng chiếm 100% chiều rộng.

tr {
hiển thị: nội tuyến-flex;
flex-wrap: bọc;
}
td{
uốn cong: 1;
text-align: center;
}
td:con đầu lòng,
td:con út {
độ uốn: 0 0 100%;
}







1 2 3 4

Về css - làm cho 1 tr và 4 td hoạt động như sau: 2 tr với 1 td trong mỗi và 1 tr với 2 td trong, chỉ thông qua CSS, 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/46865780/

29 4 0
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
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