在HTML中,是否可以插入一个单词的包装提示?

前端之家收集整理的这篇文章主要介绍了在HTML中,是否可以插入一个单词的包装提示?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
想象一下,我在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.

使用单词,您可以使用柔和的连字符,以便在所建议的音节边界发生单词包围。如果不需要包装,那么& shy;仍然看不见如果需要包装,那么& shy;是发生的地方:

magnifi­cently

有没有类似的方法提示HTML中的文字换行?

解决方法

使用& shy;在单词之间或 <wbr>之间的单词,as< wbr>不会引入连字符。

也可以看看:

> quirksmode: <wbr> compat list

猜你在找的HTML相关文章