HTML - wbr 标签

上一页
下一页

HTML <wbr> 标签用于定义文本中被浏览器视为换行符的位置。当单词太长并且浏览器可能会在错误的位置破坏它时，<wbr> 标签很有用。您可以使用 <wbr> 标签来识别分词机会。这是 HTML5 中包含的新标签。

语法  


<wbr>

属性

<wbr> 标签支持 HTML 的 全局属性 和 事件属性。

<wbr> 标签示例

下面的示例将说明 <wbr> 标签的用法，在哪里、何时以及如何使用<wbr> 标签来允许在句子中中断。

打破冗长的单词

根据屏幕尺寸，我们允许在某个单词之间穿插，如果该单词在视口上不振动。此门槛使用 <wbr> 标签完成。


<!DOCTYPE html>
<html>
<body>
		<h1>QikepuCom</h1>
		<h2> example of wbr Tag</h2>
		<p>QikepuCom PvtLtdHyderabadEasyToLearn 
			 <wbr>acomputerscienceportalfor QikepuCom AndCourses.
		</p>
</body>
</html> 

打破冗长的面包屑

有时我们需要打破面包屑，当它变得如此之长以至于在常规视口上不可见时，这时我们允许它分成多行。


<!DOCTYPE html>
<html>
<body>
		<h1>QikepuCom</h1>
		<h2> example of wbr Tag</h2>
		<p> http://this <wbr />.is <wbr />.a 
			 <wbr />.really <wbr />.long <wbr />.example 
			 <wbr />.com/With <wbr />/deeper <wbr />/level 
			 <wbr />/pages <wbr />/deeper <wbr />/level 
			 <wbr />/pages <wbr />/deeper <wbr />/level
			 <wbr />/pages <wbr />/deeper <wbr />/level
			 <wbr />/pages <wbr />/deeper <wbr />/level 
			 <wbr />/pages </p>
</body>
</html>

支持的浏览器

浏览器 Chrome Edge Firefox Safari Opera
<wbr> 1.0 12.0 3.0 4.0 11.7
打印本页
上一页
下一页