6

この質問は、時々私を悩ませてきました。

div 内に段落/リスト/スパンを作成する場合、ユーザーが Web ページの水平ブロック全体ではなく、テキストのみを選択できることを期待しています。

しかし、ウェブページを作成するとき、テキストを選択すると以下のようになります。

ここに画像の説明を入力

HTMLまたはCSSを使用してユーザーの選択範囲を制限する方法はありますか? それとも、問題の原因となる div を構成する方法ですか?

理想的な状況:

ここに画像の説明を入力

4

1 に答える 1

3

写真のように全ページ幅の選択範囲を作成するのは Chrome だけのようです。1. Firefox、Opera、および IE 10 は、写真のように処理します。2. (自分で確認してください。)

期待される結果をもたらす可能性のある非標準の CSS プロパティがありますuser-select: element: 選択した要素の境界に選択を制限します。ただし、それを使用することはできません。Webkit はelementvalue をサポートしておらず、他のブラウザーは既に希望どおりに動作しています。


アップデート

Chrome でのテキスト選択のように見えるfloat: leftか、position: relative「修正」します。(フィドル を参照してください。)

于 2012-12-24T06:48:04.257 に答える