HTML宝典(第 1 版)
2.3.23 wbr元素
阅读(

HTML基础

HTML元素

结构语义元素

内容分组元素

文本语义元素

br元素

ruby、rb、rt、rp元素

bdo和bdi元素

ins和del元素

sub和sup元素

kbd元素

samp元素

var元素

code元素

time元素

dfn元素

abbr元素

mark元素

cite元素

q元素

s元素

u元素

b元素

i元素

small元素

strong元素

文本元素

wbr元素

wbr元素表示一个可以换行的机会,即表示必要时可以在此处换行,至于是否换行,则由浏览器根据窗口或父元素的宽度情况自主决定。当宽度足够时,即没必要换号时,不进行换行,当宽度不够时,主动在此处换行。如:

<p>To learn AJAX, you must be familiar with the XMLHttp<wbr>Request.</p>

正常情况下,当宽度不足时,会在行末将整个单词放到下一行,但加入 wbr 后,就允许将单词XMLHttpRequest拆分在两行显示。运行结果如图 2‑44 所示:

wbr元素
图2-44 wbr元素

由此可知,wbr元素与 br 元素不同,wbr元素不是强制换行,而是让浏览器知道哪里适合换行,并根据需要进行换行,可以让文本在有限空间内更具可读性。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验