如何在固定的宽度范围内打包或打破长文本/单词？

我想要创build一个固定宽度的跨度，当我在跨度中input任何东西时，例如<span>lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasdfasddkgjk</span> ，一个长的非间距文本string，这个单词将打破或换行到下一行。

有任何想法吗？

Answer 1

你可以使用CSS属性word-wrap:break-word; ，如果它们的跨度宽度太长，会打破文字。

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

 <span>VeryLongLongLongLongLongLongLongLongLongLongLongLongExample</span> 

Answer 2

喜欢这个

DEMO

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

Answer 3

尝试下面的CSS：

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

Answer 4

默认情况下， span是一个inline元素…所以这不是默认行为。

您可以通过添加display: block;来使spanperformance得这样display: block; 到你的CSS。

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

Answer 5

尝试这个

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

Answer 6

我添加到我的代码后面。 与上面类似的答案。

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