只在长单词上使用换行符来标记文本

本文关键字:换行符 文本 单词 | 更新日期: 2023-09-27 18:01:27

我有一个asp:label必须适合它的父容器

问题是有时文本是一个连续的字符序列,没有空格。

我正在寻找CSS的行为,打破字太长,但不打破小的字,可以移动到它下面的行

这是我最初的内容:

<asp:Label ID="lblTextComments" runat="server"></asp:Label>

这个收益率:

some normal text that 
breaks onto a new line

但是对于长单词会发生这种情况:

someverylongtextwithoutanywhitespaceatalldoesnotcausealinebreaktohappen

在网页上显示

我使用了这个CSS样式解决方案:

<asp:Label ID="lblTextComments" runat="server" Style="word-wrap: normal; word-break: break-all;" ></asp:Label>

这正确地分隔了长单词:

someverylongtextwithoutanywh
itespaceatalldoesnotcauseali
nebreaktohappen

但是这会打断我希望移到下一行的小单词:

some normal text tha 
t breaks onto a new line

只在长单词上使用换行符来标记文本

试试这个CSS:

word-wrap: break-word;