假设我在一个DIV中有一行长且包含多个单词的文本:
Hello there, dear customer. Please have a look at our offer.
这个DIV的宽度是动态变化的。我想要让上面的文本自动换行。目前,文本会按照单词边界进行换行,并且会优先最大化第一行的长度:
|-DIV WIDTH------------------------------------|
Hello there, dear customer. Please have a look
at our offer.
我希望换行发生在句子结尾处。但是,如果不需要换行,我希望该行保持为单行。
为了说明我的观点,请看各种 DIV 宽度以及我希望文本如何换行:
|-DIV WIDTH--------------------------------------------------------|
Hello there, dear customer. Please have a look at our offer.
|-DIV WIDTH-----------------------------------|
Hello there, dear customer.
Please have a look at our offer.
|-DIV WIDTH--------|
Hello there, dear
customer.
Please have a look
at our offer.
使用软连字符,您可以在建议的音节边界处进行单词换行。 如果不需要换行,则 ­
保持不可见。 如果需要换行,则 ­
就是它发生的地方:
magnifi­cently
在HTML中有没有类似于调整单词换行的方法?