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

2018-07-01 14:20:06

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

有任何想法吗？

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

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

<span>VeryLongLongLongLongLongLongLongLongLongLongLongLongExample</span>

喜欢这个

DEMO

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

尝试下面的CSS：

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

链接地址: http://www.djcxy.com/p/88103.html