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

这个问题一直困扰着我.

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

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

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

理想情况:

最佳答案
看起来只有Chrome会在照片上创建整页宽度选择. Firefox,Opera和IE 10就像照片一样处理它. 2.(Check yourself.)

一个非标准的CSS属性可以给出预期的结果:user-select:element(由Webkit,Firefox和IE 10支持,带有受尊重的前缀);
它将选择限制在所选元素的边界.但是没有使用它:Webkit不支持元素值,其他浏览器已经按照您的需要工作.

更新

看起来像浮动:左侧或位置:相对“修复”Chrome中的文本选择. (See fiddle.)

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效