How can I wrap or break a long text / word in a fixed width range?

Question

I want to create a fixed-width range, which when I enter something into the range, for example <span>lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasdfasddkgjk</span> , a long line of text without markup, the word is broken or wrap to the next line.

Any ideas?

Answer 1

You can use the CSS property word-wrap:break-word; that will break words if they are too long for your range width.

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

 <span>VeryLongLongLongLongLongLongLongLongLongLongLongLongExample</span> 

Answer 2

Like this

Demo

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

Answer 3

Try to execute css:

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

Answer 4

By default, a span is an inline element ... so this is not the default behavior.

You can span this way by adding display: block; into your CSS.

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

Answer 5

try it

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

Answer 6

I added to my code behind. Similar answer as above.

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