双击表格：不要选择其他单元格

Question

当我双击一个单元格时，它会选择该单元格的内容（好），但也选择右侧的单元格。

我的TD正在浮动：

#addresstable td{
    float: left;
    width: 125px;
}

我尝试将no select CSS规则应用于标签，但是仍然选中了复制文本的单元格：/

如何制作，以便当我双击地址时，它只选择地址而不是标签？

整个代码（来自Chrome Inspect元素）：

<table id="addresstable" class="table table-bordered">
<tbody><tr class="hidden-phone gradient"><td><strong>Address</strong></td><td>Label</td><td>Actions</td></tr>
<tr><td class="small">mncFbqoSgv8nEM1nREGTtS6qNwLRYkjV8K</td><td><span class="addresslabel noselect" data-address="mncFbqoSgv8nEM1nREGTtS6qNwLRYkjV8K">Default</span></td><td><a href="javascript:;" class="editaddresslabel btn" data-address="mncFbqoSgv8nEM1nREGTtS6qNwLRYkjV8K"><i class="icon-pencil"></i> Label</a> <a href="javascript:;" class="qrcode btn" data-address="mncFbqoSgv8nEM1nREGTtS6qNwLRYkjV8K" data-original-title=""><i class="icon-qrcode"></i></a></td></tr>
</tbody></table>

Answer 1

您可能希望确保HTML格式正确。我在这里为你的例子构建了标记：

http://jsfiddle.net/mchail/fXfsC/1

<table>
    <thead>
        <tr>
            <td>
                Address
            </td>
            <td>
                Label
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                lkjsdflkjsdflkjsdflkjsdfl                
            </td>
            <td>
                Default
            </td>
        </tr>
    </tbody>
</table>

当我双击地址td时，它只选择td。如果您在验证标记后仍然遇到问题，请发布您的代码，我会看一下。

Answer 2

我有类似的问题。

不知道为什么会发生-显然@mchail jsfiddle显示了一个简单的表就可以了。

也许与我使用的玉/巴格有关，或者是角质。

无论哪种方式-我只是通过用div包裹单元格的内容来解决它。
所以我的哈巴狗文件看起来像这样：

table
  tr
    td
      div This is the content
    td something else

当我双击“这是内容”时，就被选中。