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

CSS để hiển thị các phần tử cạnh nhau trên iOS/Safari không thành công

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

Tôi không giỏi CSS lắm. Điều đó... cộng với việc tôi đã dành gần một giờ để cố gắng triển khai thứ gì đó mà tôi có thể sử dụng trong một phút

Mọi việc đã xong. ...nhưng ngày nay, việc sử dụng bảng Tạo kiểu HTML được coi là xấu. ĐƯỢC RỒI Vì vậy, tôi đang gặp khó khăn với CSS ...

Vì vậy, bất kỳ trợ giúp sẽ được đánh giá rất cao.

Tôi đang cố gắng hiển thị điều này:

nhập mô tả hình ảnh ở đây

Vì vậy, html của tôi trở thành thế này (nhiều phần tử trong danh sách):


CSS là:

* {
word-wrap: ngắt từ;
}
.utl{
kiểu danh sách: không có bên ngoài không;
phần đệm: 1em 4px 4em 4px;
lề: 10px 0px 30px 0px;
}
.utl li {
phần đệm: 2px 0;
ký quỹ: 0,8em 0 1,8em 0;
word-wrap: ngắt từ;
tràn-quấn: break-word;
}
.utl h2{
lề: 0 0 0,4em 0;
padding: 0;
}
.utl p{
lề: 0,4em 0;
padding: 0;
}

.utlimg{
nổi: trái;
lề: 0px 1em 1em 0px;
chiều rộng tối đa: 50px;
chiều cao tối đa: 50px;
}

Điều này phần nào có tác dụng khi tôi thử nó trong bảng điều khiển dành cho nhà phát triển của Chrome (mặc dù văn bản dường như tràn ra bên dưới hình ảnh bên trái):

nhập mô tả hình ảnh ở đây

Nhưng khi tôi tải nó lên iPhone thì nó trông hoàn toàn sai như thế này (trong Safari):

nhập mô tả hình ảnh ở đây

Vậy tôi đang thiếu gì?

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

Đây là mã. Hy vọng nó sẽ giúp bạn. Nếu có gì thay đổi, xin vui lòng cho tôi biết.

.utlli{
hiển thị: linh hoạt;
kiểu danh sách: không có;
}
.right-part{
phần đệm bên trái: 20px;
}
h2{
lề: 0
}

Về html - CSS hiển thị các phần tử cạnh nhau không thành công trên iOS/Safari, 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/59464790/

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