Html 我如何控制双击选择多少文本？

我希望能够通过双击选择一个“代码”。但当我这样做时，整个定义都被选中了

dt{
浮动：左；
清除：左；
}
dd{
浮动：左；
字体系列：monospace；
}

代码
123456
代码
abcdef

这是一个Chrome问题，因此要解决它，您需要在关闭html标记之前添加空间。所以你必须这样做

<dl>
  <dt> Code </dt>
  <dd> 123456 </dd>
  <dt> Code </dt>
  <dd> abcdef </dd>
</dl>

代码
123456
代码
abcdef

使用样式化的描述列表，而不是类似于表的样式化描述列表

代码
123456
代码
abcdef

您将所有元素都放在左侧浮动，我认为双击操作会使您感到困惑，因为您知道选择了什么元素。删除

元素上的“float:left”属性

dt{
浮动：左；
清除：左；
右边距：10px；
}
dd{
字体系列：monospace；
}

代码
123456
代码
abcdef

不，我不知道，但我以前也遇到过这种情况，我记得我读过一些文章，说这是chrome的问题，但现在我看到所有浏览器都出现了这种情况。不管怎么说，我给出的解决方案解决了这个问题。哦，我投了更高的票，因为它很有效，而且很轻，但我希望有一个原因…啊，好吧。我读到的也是浮动，如果它对你有帮助的话。但我不知道具体原因。谢谢你，我很高兴它解决了你的问题：）@E.Agolli这不是一个bug，当你双击时，将选择你所在位置的未中断内容。在一个空间是一个trix:）无论如何，它是有用的。相关-也-这也可能是一个解决方案，因为浮动导致它。一般来说，我总是赞成减少浮动。但是当我从

dd

中删除

float

时，它会破坏我们的布局：（您的布局被破坏，因为您为

元素设置了特殊字体。您必须花费大量时间来组合它们：）定义列表在许多情况下是语义上合适的结构，尤其是在1:1标题/定义的情况下。表格是表格数据，所以这个“解决方案”并没有真正的帮助。