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

Cách làm nổi văn bản tràn

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

Tôi đang gặp sự cố với văn bản tràn trên bố cục phản hồi, với văn bản ở bên trái và div cho nút ở bên phải. Tôi không muốn phá vỡ hàng. jsfiddle.net(Tôi không biết kích thước của div bên phải và div bên trái, chỉ có vùng chứa) Đây không phải là một ví dụ hoạt động, những gì tôi muốn nhận được là. nhập mô tả hình ảnh ở đây

.container{
chiều rộng: 100%;
}
.bên trái{
tràn văn bản: dấu chấm lửng;
khoảng trắng: nowrap;
tràn: ẩn;
nổi:trái;
}
.Phải{
nổi:đúng;
}

văn bản
Đang kiểm tra văn bản


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

Giải pháp số 1: Sử dụng flexbox

1) Trên phần tử container: thêmhiển thị: linh hoạt;khoảng trắng: nowrap;

2) Ở phần tử bên phải: thêmuốn cong:1 Hãy để nó phát triển để chiếm không gian còn lại.

.container{
chiều rộng: 100%;
hiển thị: linh hoạt;
khoảng trắng: nowrap;
}
.bên trái{
tràn văn bản: dấu chấm lửng;
khoảng trắng: nowrap;
tràn: ẩn;
đường viền: 1px màu đỏ đậm; /* bỏ ghi chú để xem chuyện gì đang xảy ra */
}
.Phải{
uốn cong: 1;
đường viền: 1px màu đỏ đậm; /* bỏ ghi chú để xem chuyện gì đang xảy ra */
}

văn bản bên trái
Văn bản kiểm tra Văn bản kiểm tra Văn bản kiểm tra



Bản demo codepen (Điều chỉnh kích thước để xem hiệu ứng)


Giải pháp số 2: Sử dụng bối cảnh định dạng khối

1) Thay đổi đánh dấu để hoán đổi các phần tử bên trái và bên phải

2) Ở phần tử bên trái:

  • Sẽ nổi: trái Thay thế bằng overflow: hidden để tạo bối cảnh định dạng khối mới (điều này khiến phần tử bên trái chiếm chiều rộng còn lại)
  • 添加display:block

.container{
chiều rộng: 100%;
}
.bên trái{
tràn văn bản: dấu chấm lửng;
khoảng trắng: nowrap;
tràn: ẩn;
//đường viền: 1px màu đỏ đậm; /* bỏ ghi chú để xem chuyện gì đang xảy ra */
display: block;
}
.Phải{
nổi:đúng;
//đường viền: 1px màu đỏ đậm; /* bỏ ghi chú để xem chuyện gì đang xảy ra */
}


Văn bản kiểm tra Văn bản kiểm tra Văn bản kiểm tra

văn bản bên trái

Bản demo codepen (Điều chỉnh kích thước để xem hiệu ứng)

Về html - cách làm nổi văn bản tràn, 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/41273341/

25 4 0
Bài viết khuyến nghị: SDL_PollEvent làm gì?
Bài viết khuyến nghị: javascript - Tôi có thể thoát div nếu nó linh hoạt không?
Bài viết khuyến nghị: An toàn luồng khi sử dụng vòng lặp OpenMP
Bài viết khuyến nghị: javascript - Lỗi cú pháp: từ khóa 'siêu' không mong muốn ở đây
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