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

前端之家收集整理的这篇文章主要介绍了双击HTML中的文本选择与浮动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
随后的代码
<span>Label1 Label2</span>
<span style="float:left"><span>Value</span></span>

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

如果只选择“值”字而不选择“标签”字,我该怎么办?

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

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

解决方法

这可能是Chrome问题.因为在Firefox中它工作正常.但是要在chrome中解决它,只需在关闭第一个span标记之前添加空格,如此处所示.
<span>Label1 Label2 </span>
<span style="float:left"><span>Value</span></span>

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

猜你在找的HTML相关文章