如何防止网站中笨拙的文本选择行为

Question

我注意到在某些网站中，文字选择行为有点笨拙：用户点击并按住左键，然后按照他/她想要选择的文字方向移动，然后整个部分选择运动的另一侧的文本。

这不是随处可见的事情，并且难以描述，所以我将提供一个例子。我找到了really cool article。检查它的最后一行：

ENV:REDIRECT_STATUS is my new best friend.

如果我单击此行的左侧，然后向右拖动一点（例如，直到:），我希望选中此行的ENV:部分。相反，选择的是此行的其余部分（REDIRECT_STATUS is my new best friend.）以及每个评论和侧边栏！我使用的是Firefox 15.0.1，但已在Chrome和Internet Explorer中注意到此行为

所以我想知道的是，为什么会发生这种情况，以及需要采取哪些措施来防止这种故障。

PS：请原谅我不清楚这个问题;我发现这个问题很难用文字描述。

Answer 1

这一切都与HTML标记和CSS有关。浏览器倾向于以与HTML中显示的顺序相同的顺序选择文本。添加像Tim Down建议的填充可以帮助用户选择文本，因为它在文本选择中给出了一点误差。