{site_name}

{site_name}

🌜 搜索

HTML标签<wbr>表示"Word Break Opportuni

前端 𝄐 0
html wbr和br,htmlwbr标签
HTML标签<wbr>表示"Word Break Opportunity",用于指示浏览器在需要时在单词内换行,以帮助调整段落的自动换行。

当文本中存在长单词或网址等内容时,浏览器默认会保持整个单词或网址不被分割,导致页面出现过宽的滚动条。使用<wbr>标签可以告诉浏览器,在必要的情况下可以在单词内添加断点换行符,“强制”将长单词或网址分解成更短的部分,以避免出现过宽的滚动条。

以下是一个实际的例子:

html
<p>这是一个有很长单词的句子:<strong>supercalifragilisticexpialidocious</strong></p>


上面的代码将产生一个包含单词"supercalifragilisticexpialidocious"的段落,如果不使用<wbr>,该单词可能会使整个段落变得过宽,导致出现水平滚动条。为避免这种情况,在适当的位置添加<wbr>标签即可:

html
<p>这是一个有很长单词的句子:<strong>super<wbr>califragilistic<wbr>expialidocious</strong></p>


现在,单词在"wbr"标记处被分成了三个部分,即使浏览器需要换行,也只会在这些位置断开单词,而不是分割整个单词。