この質問は、時々私を悩ませてきました。
div 内に段落/リスト/スパンを作成する場合、ユーザーが Web ページの水平ブロック全体ではなく、テキストのみを選択できることを期待しています。
しかし、ウェブページを作成するとき、テキストを選択すると以下のようになります。
HTMLまたはCSSを使用してユーザーの選択範囲を制限する方法はありますか? それとも、問題の原因となる div を構成する方法ですか?
理想的な状況:
写真のように全ページ幅の選択範囲を作成するのは Chrome だけのようです。1. Firefox、Opera、および IE 10 は、写真のように処理します。2. (自分で確認してください。)
期待される結果をもたらす可能性のある非標準の CSS プロパティがありますuser-select: element
: 選択した要素の境界に選択を制限します。ただし、それを使用することはできません。Webkit はelement
value をサポートしておらず、他のブラウザーは既に希望どおりに動作しています。
Chrome でのテキスト選択のように見えるfloat: left
か、position: relative
「修正」します。(フィドル を参照してください。)