在HTML中,是否可以插入单词换行提示？

Question

想象一下,我在DIV中有一个长的,多字的文本行:

你好,亲爱的顾客.请看看我们的优惠.

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中的自动换行？

Answer 1

­在单词或单词<wbr>之间使用,因为<wbr>不会引入连字符.

也可以看看:

• quirksmode:<wbr>compat list

Answer 2

不完全,但关闭:http://jsfiddle.net/uW4h8/1/.

简而言之,您应该white-space: nowrap;为您设置文本容器,并<wbr>根据需要用于在单词之间插入断点.