双击HTML中的文本选择与浮动

Question

随后的代码:

<span>Label1 Label2</span>
<span style="float:left"><span>Value</span></span>

双击"值"字时,选择Label2(高位)但不选择Label1.为什么会这样？

如果只选择"值"字而不选择"标签"字,我该怎么办？

实例:http://codepen.io/anon/pen/IHDzj

编辑:此错误仅存在于Chrome中

Answer 1

这可能是Chrome问题.因为在Firefox中它工作正常.但是要在chrome中解决它,只需在关闭第一个span标记之前添加空格,如此处所示.

<span>Label1 Label2 </span>
<span style="float:left"><span>Value</span></span>

因为每当我们通过双击它来选择文本时.在chrome中选择了单词和空格,这个bug已经在chrome问题中解决了.