微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

wbr标签的作用

<wbr/>标签规定在文本中的何处适合添加换行符。如果文本太长,浏览器可能会在错误的位置换行,那么可以使用<wbr/>标签添加单词换行时机。

Talk is cheap. Show me the code.

假如我有一行文本:学习 AJAX,你必须熟悉HttpRequest。我希望在Http和Request两个单词之间进行换行。

<p>学习 AJAX,你必须熟悉Http<wbr />Request</p>
<p>学习 AJAX,你必须熟悉HttpRequest</p>

为了让<wbr/>标签的作用体现出来,放置两句相同的文本作对比。

对窗口进行缩小,使得文本换行:

通过动图得知,第一行的 Http 和 Request 被浏览器窗口挤压的时候发生了换行。然而,第二行的是整体发生了换行。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐