理解html<wbr>标签

在此之前，我们来分析一下HTML中的几种情况。

HTML文本中，假如我们给出一条代码，比如说:

<div>my name is Jack</div>

用浏览器显示出来后，如果我们把浏览器的宽度拉小到不能容下上面的句子时，会发现上面这句话会换行，并且以一个单词换行（当然这里给出的句子比较短，要想换行句子长度必须大于浏览器的最小宽度）；

另外我们给出另一条代码：

<div>我的名字叫杰克</div>

同样的，也会换行，并且以一个字一个字换行；

那么，如果我们将标签内的内容换成一连串不被空格隔开的字符，如：hjkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkhjkhjhjk，会发现无论如何都不会换行，这个先不考虑；

我们再给出一个例子：

<div>我的名字叫杰克我的名字叫杰克我的名字叫杰克mynameisJack</div>

我们会发现，只要页面不能容下这句话，mynameisJack这句话就会被置于下一行，同时我们也就知道了为什么上面的那种情况不换行，因为如果它要换行就是将整句话换行，而HTML中的<wbr>标签就是作用在这方面的。

<wbr>定义和用法

Word Break Opportunity (<wbr>) 规定在文本中的何处适合添加换行符。
提示：如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 <wbr> 元素来添加 Word Break Opportunity（单词换行时机）。

实际上，这个标签是作用在连续字符上的，比如说：

<div>my<wbr>name<wbr>is<wbr>Jack</div>

只要浏览器窗口的宽度小到一定程度，上面语句才会换行，而且换行的部分是字符中向前直出现<wbr>的部分。

注意：只要浏览器窗口的宽度足够大，页面内容不会换行。