html页面双击某一字符串选中该字符串及之前的同行所有内容

问题描述：

html列表页面，显示多行用户对象数据，多行以div布局实现，并没有使用table。如下

此时如果双击test2，理想效果是选中了“test2”，但在chrome里选中的效果如下（Firefox现象理想）：

解决办法：

发现在chrome里如果两个字符串中间没有空格或中文，即使这两个字符串在不同的div里，双击时就会出现如上效果。

所以将test1/test2改成中文，或者在test1/test2后面加上一个空格（英文空格就行）就可以了