「コード」をダブルクリックして選択したいと思っています。しかし私がそうすると、全体の定義が選択されます。ダブルクリックで選択するテキストの量を制御するにはどうすればよいですか？
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の内容を選択するように、私は何ができますか？
これはChromeの問題です。問題を解決するには、htmlタグを閉じる前にスペースを追加する必要があります。だからあなたはこれのようにする必要があります。
<dl>
<dt> Code </dt>
<dd> 123456 </dd>
<dt> Code </dt>
<dd> abcdef </dd>
</dl>
いいえ、私はそれ以前に私に起こったと私はそれがクロームの問題だったが、私はそれがすべてで起こることを何かを読んで覚えているブラウザ。とにかく私が与えた解決策はそれを解決します。 –
ああ、私はそれが動作するようにupvoted、それは軽量ですが、私は理由で願っていた...ああ。 –
私が読んだのは、それがあなたを助けるなら、それを引き起こすフロートでした。しかし、私はなぜ詳細を知りません。 –
すべての要素を左にあなたが浮く代わりにスタイル記述リストテーブルのように見えます
<table>
<tr>
<td>Code</td>
<td>123456</td> \t \t
</tr>
<tr>
<td>Code</td>
<td>abcdef</td> \t \t
</tr>
</table>のtableを使用して、私はそれがどのような要素が知らダブルクリックアクションのために混乱させると考えてが選択される。 <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>これは浮動がそれを引き起こしているので解決策でもあります。 –
一般的に、私はいつもより浮遊しています。しかし、 'dd'から' float'を削除するとレイアウトが壊れます:( –
あなたのレイアウトは '
関連 - http://stackoverflow.com/questions/25198831/text-selection-on-double-click-in-html-with-a-float –
も - HTTP ：//stackoverflow.com/questions/2876424/html-double-click-selection-oddity –