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

Question

这个问题一直困扰着我。

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

但是当我创建网页时，我在选择文字时得到的信息如下：

无论如何通过html或CSS来限制用户的选择范围？或者它是我构造导致问题的div的方式？

理想情况：

Answer 1

看起来只有Chrome会在照片上创建整页宽度选择。 1. Firefox，Opera和IE 10就像照片一样处理它。 2.（Check yourself。）

有一个非标准的CSS属性可能会产生预期的结果：user-select: element（由Webkit，Firefox和IE 10支持，带有受尊重的前缀）; 它将选择限制在所选元素的边界。但是没有使用它：Webkit不支持element值，其他浏览器已经按照您的意愿工作。

---

更新

在Chrome中看起来像float: left或position: relative“修复”文字选择。 （See fiddle。）