在HTML中,是否可以插入一个字换行提示?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (53)

想象一下,我在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中的单词换行?

提问于
用户回答回答于

用于&shy;单词或单词<wbr>之间,因为<wbr>不会引入连字符。

也可以看看:

  • quirksmode:<wbr>compat列表
用户回答回答于

不完全,但接近。

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

扫码关注云+社区

领取腾讯云代金券