Jak można zawinąć lub złamać długi tekst/słowo w ustalonej szerokości?

Question

Chcę utworzyć rozpiętość o stałej szerokości, która po wpisaniu dowolnej rzeczy w przęśle, takim jak <span>lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasdfasddkgjk</span>, długim ciągiem niepowiązanego tekstu, spowoduje przerwanie lub zawinięcie słowa do następnej linii.

Wszelkie pomysły?

Answer 1

Można użyć właściwości CSS word-wrap:break-word;, który złamie słowa, jeśli są zbyt długie dla swojej rozpiętości.

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

<span>VeryLongLongLongLongLongLongLongLongLongLongLongLongExample</span>

Answer 2

Ci się to

DEMO

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

Answer 3

domyślnie span jest elementem inline ... tak, że nie jest to zachowanie domyślne.

Możesz zachowywać się tak, dodając display: block; do swojego CSS.

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

Answer 4

Spróbuj

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

Answer 5

Spróbuj następujące CSS:

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

Answer 6

ja dodany do mojego kodu tyłu. Podobna odpowiedź jak powyżej.

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