如何控制双击选择多少文本？答案

【问题标题】：How can I control how much text a double-click selects?如何控制双击选择多少文本？
【发布时间】：2016-04-11 17:22:23
【问题描述】：

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

dt {
  float: left;
  clear: left; 
}
dd {
  float: left;
  font-family: monospace;
}

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

我该怎么做才能让双击只选择dd 的内容？

【问题讨论】：

标签： html css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

使用table 而不是看起来像表格的样式描述列表

<table>
  <tr>
    <td>Code</td>
    <td>123456</td>		
  </tr>
  <tr>
    <td>Code</td>
    <td>abcdef</td>		
  </tr>
</table>

【讨论】：

【解决方案3】：

您将所有元素都向左浮动，我认为这会使双击操作感到困惑，因为知道选择了哪个元素。删除 <dd> 元素上的“float:left”属性。 float and clear

dt {
  float: left;
  clear: left; 
  margin-right: 10px;
}
dd {
  font-family: monospace;
}

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

【讨论】：