HTML双击选择奇数

Question

我没有在DocType上发布这个,因为它不是真的design,视觉表现不是我的问题,行为是.如果这是错位的,我很抱歉,但我觉得这不是设计师的问题.

以下DOM:

<ul style="overflow: hidden;">
   <li style="float: left;"><strong>SKU:</strong>123123</li>
   <li style="float: left;"><strong>ILC:</strong>asdasdasdasd</li>
</ul>

要么

<div style="overflow: hidden;">
   <div style="float: left; width: 49%"><strong>SKU:</strong>123123</div>
   <div style="margin-left: 50%; width: auto;"><strong>ILC:</strong>asdasdasdasd</div>
</div>

要么

<p>
   <span><strong>SKU:</strong>123123</span>
   <span><strong>ILC:</strong>asdasdasdasd</span>
</p>

所有人都给我一个奇怪的问题

• IE 6
• IE 7
• Firefox 3.x
• 铬

但不是

• IE 8

当您在'SKU:'之后双击 '123123'时,它会从下一个dom元素中选择'123123'和'ILC:'.

拿这个页面上的任何文字(这里是SO),双击一个单词,它只选择那个词,即使在一个段落的中间.这些例子有dom元素关闭它们,任何人都知道为什么会发生这种情况.

我的同事使用"双击"机制来选择相关的产品ID来完成他们的工作,这对我来说没有任何意义.

Answer 1

我有同样的问题.如果你在li的结束标记之前放置一个空格来修复它.

<ul style="overflow: hidden;">
    <li style="float: left;"><strong>SKU:</strong>123123 </li>
    <li style="float: left;"><strong>ILC:</strong>asdasdasdasd </li>
</ul>

Answer 2

我怀疑，如果您在两个元素之间包含空格或不间断空格&nbsp，您会发现可以双击并仅选择一个元素而不是两个元素，因为浏览器将不再将这两个元素视为一个元素一个字。