藉助wbr標籤實現連續英文字符的精準換行

轉發自：https://www.zhangxinxu.com/wordpress/2018/09/html-wbr-word-break/

1.一般情況下的換行：

word-break:break-all或者word-wrap:break-word

2.<wbr>標籤換行方式

<div style="width:150px; background:#cd0000;">
  Canvas<wbr>Rendering<wbr>Context2D<wbr>.global<wbr>Composite<wbr>Operation
</div>

如果是非連續英文字符，<wbr>需要與white-space:nowrap配合使用纔有意義。

<wbr>不能與word-break:break-all同時使用，也會變得沒有意義。