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

html - chiều rộng tối đa mà không ngắt từng từ riêng lẻ, vượt quá chiều rộng tối đa

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

khi sử dụng chiều rộng tối đa Tại sao nó không "ngắt" các từ dài hơn mức cho phép và làm cách nào để nó hoạt động?

JSFiddle

hàm đầu vào() {
var inputText = document.getElementById("inputField").value;
document.getElementById("changedParagraph").innerHTML = inputText;
}
#changeĐoạn {
chiều rộng tối đa: 100px;
}


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

không nhiều hơn chiều rộng tối đaĐộ dài bạn đặt. Vấn đề là văn bản bị tràn và do đó vượt quá độ dài bạn đặt cho phần tử. Có một số cách khác nhau để ngắt dòng văn bản sang dòng tiếp theo.


sử dụng tràn-quấn: break-word; (trước đây gọi là word-wrap: ngắt từ ):

  • Các từ tràn sẽ được gói vào dòng tiếp theo.
  • Các từ chỉ bị hỏng nếu chiều dài của chúng vượt quá chiều dài của vật chứa.

hàm đầu vào() {
var inputText = document.getElementById("inputField").value;
document.getElementById("changedParagraph").innerHTML = inputText;
}
#changeĐoạn {
chiều rộng tối đa: 100px;
tràn-quấn: break-word;
}



sử dụng ngắt từ: phá vỡ tất cả :

  • Ngắt khi nội dung đạt đến độ rộng được chỉ định, ngay cả khi văn bản chỉ là một từ.

hàm đầu vào() {
var inputText = document.getElementById("inputField").value;
document.getElementById("changedParagraph").innerHTML = inputText;
}
#changeĐoạn {
chiều rộng tối đa: 100px;
ngắt từ: phá vỡ tất cả;
}



Để có phần còn lại dễ đọc nhất và sạch sẽ nhất,tràn-quấn: break-word;là sự lựa chọn tốt nhất

Về html - độ rộng tối đa mà không ngắt từng từ riêng lẻ, ngoài chiều rộng tối đa, 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/39211155/

26 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