13

私はこれを 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>

すべてが私に奇妙な問題を提示します

  • IE6
  • IE7
  • Firefox 3.x
  • クロム

しかし、そうではありません

  • IE8

「SKU:」の後の「123123」をダブルクリックすると、次の dom 要素から「123123」と「ILC:」が選択されます。

このページの任意のテキスト (ここでは SO) を取得し、単語をダブルクリックすると、段落の途中であってもTHAT WORDのみが選択されます。これらの例には、それらを閉じる dom 要素があります。なぜこれが起こっているのかは誰でも知っています。

私の仲間の従業員は、「ダブルクリック」メカニズムを使用して、関連する製品 ID を選択して仕事をしていますが、これは私にはまったく意味がありません。

4

3 に答える 3

16

私も同じ問題を抱えていました。li の終了タグの前にスペースを入れると、それが修正されます。

<ul style="overflow: hidden;">
    <li style="float: left;"><strong>SKU:</strong>123123 </li>
    <li style="float: left;"><strong>ILC:</strong>asdasdasdasd </li>
</ul>
于 2013-10-29T20:45:50.820 に答える
4

改行なしのスペース (&nbsp;または\u00A0) または空のスペース ( " ") をそれぞれの間に入れるspanと、単語が区切られ、ダブルクリックの選択が隣接するスパンにこぼれるのを防ぎます。

目に見えるスペースを見たくない場合は、幅ゼロのスペース (&ZeroWidthSpace;または\u200B) を使用してください。 </p>

于 2020-04-24T11:53:31.500 に答える
2

2 つの要素の間にスペースまたは改行なしのスペースを含める&nbspと、ブラウザーが 2 つの要素を別の要素として認識しなくなるため、ダブルクリックして要素の 1 つだけを選択でき、両方の要素を選択できないことがわかると思います。一つの単語。

于 2010-05-20T17:53:45.627 に答える