我没有在DocType上发布它,因为它不是一个设计的东西,视觉表示不是我的问题,行为是.如果这是错位的,我很抱歉,但我觉得这不是设计师的问题.
以下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
> Chrome
但不是
> IE 8
当您在’SKU：’之后双击’123123’时,它会从下一个dom元素中选择’123123’和’ILC：’.
拿这个页面上的任何文字(这里是SO),双击一个单词,它只选择那个词,即使在一个段落的中间.这些例子有dom元素关闭它们,任何人都知道为什么会发生这种情况.
我的同事使用“双击”机制来选择相关的产品ID来完成他们的工作,这对我来说没有任何意义.
解决方法
我有同样的问题.如果你在li的结束标记之前放置一个空格来修复它.
<ul style="overflow: hidden;">
<li style="float: left;"><strong>SKU:</strong>123123 </li>
<li style="float: left;"><strong>ILC:</strong>asdasdasdasd </li>
</ul>
