【发布时间】:2012-12-24 16:19:31
【问题描述】:
这个问题一直困扰着我。
当我们在 div 中创建段落/列表/跨度时,我们希望用户能够仅选择文本,而不是网页上的整个水平块。
但是当我创建网页时,选择文本时得到的结果如下:
有没有办法通过 html 或 CSS 来限制用户的选择范围?还是我构造 div 的方式导致了问题?
理想的情况:
【问题讨论】:
这个问题一直困扰着我。
当我们在 div 中创建段落/列表/跨度时,我们希望用户能够仅选择文本,而不是网页上的整个水平块。
但是当我创建网页时,选择文本时得到的结果如下:
有没有办法通过 html 或 CSS 来限制用户的选择范围?还是我构造 div 的方式导致了问题?
理想的情况:
【问题讨论】:
看起来只有 Chrome 会像图片一样创建全页宽度的选择。 1. Firefox、Opera 和 IE 10 像在图片上一样处理它。 2. (Check yourself.)
有一个非标准的 CSS 属性可能会给出预期的结果:user-select: element(由 Webkit、Firefox 和 IE 10 支持,具有尊重的前缀);
它将选择限制在所选元素的范围内。但是没有用:Webkit 不支持element 值,其他浏览器已经可以正常工作了。
看起来像 float: left 或 position: relative 在 Chrome 中“修复”文本选择。 (See fiddle.)
【讨论】: