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

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

Hello there,dear customer. Please have a look at our offer.

DIV具有动态宽度。我想要打包上面的文字。目前,包装发生在最大化第一行长度的字边界上:

@H_404_8@|-DIV WIDTH------------------------------------| Hello there,dear customer. Please have a look at our offer.

我宁愿在句子边界发生包装。但是,如果不需要包装,我希望该行保持一致。

为了说明我的观点,请查看各种DIV宽度,以及我希望我的文字包装:

@H_404_8@|-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;是发生的地方:

@H_404_8@magnifi­cently

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

解决方法

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

也可以看看:

> quirksmode: <wbr> compat list

猜你在找的HTML相关文章