【问题标题】:How to confine HTML selection range to text itself如何将 HTML 选择范围限制为文本本身
【发布时间】:2012-12-24 16:19:31
【问题描述】:

这个问题一直困扰着我。

当我们在 div 中创建段落/列表/跨度时,我们希望用户能够仅选择文本,而不是网页上的整个水平块。

但是当我创建网页时,选择文本时得到的结果如下:

有没有办法通过 html 或 CSS 来限制用户的选择范围?还是我构造 div 的方式导致了问题?

理想的情况:

【问题讨论】:

    标签: html css selection


    【解决方案1】:

    看起来只有 Chrome 会像图片一样创建全页宽度的选择。 1. Firefox、Opera 和 IE 10 像在图片上一样处理它。 2. (Check yourself.)

    有一个非标准的 CSS 属性可能会给出预期的结果:user-select: element(由 Webkit、Firefox 和 IE 10 支持,具有尊重的前缀); 它将选择限制在所选元素的范围内。但是没有用:Webkit 不支持element 值,其他浏览器已经可以正常工作了。


    更新

    看起来像 float: leftposition: relative 在 Chrome 中“修复”文本选择。 (See fiddle.)

    【讨论】:

    • 感谢您的信息!是因为 margin:0 auto 属性吗?我的意思是,在其他情况下(包括本网站),它似乎适用于 Chrome
    • 伟大的洞察力!虽然我不知道浮动或定位如何帮助定义用户选择,但它对 Chrome 非常有效。再次感谢。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-05
    • 2016-06-15
    相关资源
    最近更新 更多