HTML - <wbr> 標籤

HTML <wbr> 標籤用於定義文字中瀏覽器應視為換行符的位置。當單詞太長，瀏覽器可能在錯誤的位置將其換行時，此標籤非常有用。您可以使用 <wbr> 標籤來標識單詞換行機會。這是 HTML5 中新增的一個標籤。

語法

<wbr>

屬性

HTML wbr 標籤支援 HTML 的全域性和事件屬性。

HTML wbr 標籤示例

下面的示例將說明 wbr 標籤的用法、何時以及如何使用 wbr 標籤允許在句子中換行。

換行過長的單詞

根據螢幕大小，如果某些單詞在視口中不可見，我們允許在這些單詞之間換行。這將使用 HTML <wbr> 標籤來完成。

<!DOCTYPE html>
<html>
<body>
    <h1>tutorialspoint</h1>
    <h2> example of wbr Tag</h2>
    <p>tutorialspointPvtLtdHyderabadEasyToLearn 
       <wbr>acomputerscienceportalforTutorialsAndCourses.
    </p>
</body>
</html>

換行過長的麵包屑導航

有時我們需要換行麵包屑導航，當它變得太長以至於在常規視口中不可見時，這時我們允許它換到多行。

<!DOCTYPE html>
<html>
<body>
    <h1>tutorialspoint</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>

支援的瀏覽器

標籤
wbr	是 1.0	是 12.0	是 3.0	是 4.0	是 11.7

html_tags_reference.htm

列印頁面