如何在固定宽度范围内对长文本/单词进行换行或换行？

Question

我想创建一个具有固定宽度的跨距，当我在跨距中键入任何内容时，如lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasddkgjk、一长串无间距文本、单词中断或换行到下一行。

有什么想法吗？

Answer 1

像这样

演示

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

Answer 2

尝试使用添加空白的css：

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

Answer 3

您可以使用CSS属性word-wrap：break-word；，如果单词对于您的跨距宽度来说太长，该属性将断开单词。

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

<span>VeryLongLongLongLongLongLongLongLongLongLongLongLongExample</span>