Làm cách nào để bọc hoặc ngắt văn bản/từ dài trong một khoảng rộng cố định?

Question

Tôi muốn tạo một khoảng có chiều rộng cố định khi tôi nhập bất kỳ thứ gì trong khoảng như <span>lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasdfasddkgjk</span>, một chuỗi dài văn bản không cách nhau, từ bị ngắt hoặc quấn sang dòng tiếp theo.

Bất kỳ ý tưởng nào?

Answer 1

Bạn có thể sử dụng CSS tài sản word-wrap:break-word;, mà sẽ phá vỡ lời nếu họ là quá dài đối với chiều rộng khoảng của bạn.

span { 
 
    display:block; 
 
    width:150px; 
 
    word-wrap:break-word; 
 
}

<span>VeryLongLongLongLongLongLongLongLongLongLongLongLongExample</span>

Answer 2

Như thế này

DEMO

li span{ 
    display:block; 
    width:50px; 
    word-break:break-all; 
} 

Answer 3

Theo mặc định một span là một yếu tố inline ... do đó không phải là hành vi mặc định.

Bạn có thể làm cho span hoạt động theo cách đó bằng cách thêm display: block; vào CSS của mình.

span { 
    display: block; 
    width: 100px; 
} 

Answer 4

Hãy thử

span { 
    display: block; 
    width: 150px; 
} 

Answer 5

Hãy thử này css sau:

span { 
    display: block; 
    word-wrap:break-word; 
    width: 50px; 
    white-space: normal 
} 

Answer 6

tôi thêm vào mã của tôi phía sau. Câu trả lời tương tự như trên.

Dim lblSite As Label 
    lblSite.Text = "lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasdfasddkgjk" 
    lblSite.Attributes.Add("style", "display:inline-block;width:175px;word-wrap:break-word;white-space: normal")