html - 如何将 HTML 选择范围限制为文本本身

Question

这个问题一直困扰着我。

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

但是当我创建一个网页时，我在选择文本时得到的结果如下：

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

理想情况：

Answer 1

看起来只有 Chrome 会像在图片上一样创建全页宽度的选择。1. Firefox、Opera 和 IE 10 像在图片上一样处理它。2.（检查自己。）

有一个非标准的 CSS 属性可能会给出预期的结果：（user-select: element受 Webkit、Firefox 和 IE 10 支持，带有尊重的前缀）；它将选择限制在所选元素的范围内。但是没有用：Webkit 不支持elementvalue，并且其他浏览器已经可以按照您的意愿工作。

---

更新

在 Chrome 中看起来像float: left或position: relative“修复”文本选择。（见小提琴。）