如何在固定宽度范围内包装或断开长文本/单词？

Question

我想创建一个具有固定宽度的跨度,当我在跨度中键入任何东西时,如<span>lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasdfasddkgjk</span>长字符串的非间隔文本,单词会中断或换行到下一行.

有任何想法吗？

Answer 1

您可以使用CSS属性word-wrap:break-word;,如果它们对于跨度宽度太长,则会破坏单词.

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

<span>VeryLongLongLongLongLongLongLongLongLongLongLongLongExample</span>

Answer 2

试试下面的css:

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

Answer 3

像这样

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