在浏览器中,常见的一种行为就是:选中-拖拽-新页面打开,例如百度搜索就是这样.但是我现在不想让别人在我的个人网页上选中,也不想让他人拖拽我的照片,要怎么做呢?
下面我们来看一下使用css设置图片不可拖动的方法。
css设置图片不可拖动实例：
css居中对齐
div{
width: 500px
height: 500px
border: 1px solid red}
img {
-webkit-user-drag: none
}
css设置图片不可拖动主要使用user-drag来设置。user-drag设置或检索一个元素可以被拖拽。
法：
user-drag：auto | element | none
默认值：auto
适用于：所有元素
继承性：有
动画性：否
计算值：指定值
取值：
auto：使用默认的拖拽行为，这种情况只有图片和链接可以被拖拽。
element：整个元素而非它的内容可拖拽。
none：元素不能被拖动。在通过选中后可拖拽。
初学HTML，遇到一个题需要将几张图放在一个边框里，并且需要横向拖动
想着很简单，直接在div中设置width、height。并添加属性“overflow:auto”。但实际运行是发现图片始终会换行，窗口只能上下滚动
后来找到问题的原因，是因为由于在div中直接添加图片，所以图片会适应该div的大小，从而自动换行。而要做到不换行的效果，则需要在div中嵌套一层div2，设置div2的width >div的width，由此保证：图片不会换行；在横轴方向溢出，从而出现横向滚动条。
看不清楚，，，不过看着样子是图片出现拉伸了；问题原因：电脑尺寸大，图片不能占据满屏的宽度，而刚好你这里图片的显示样式又是100%的，所以出现拉伸；
解决方法：重新上传图片，1920X（你当前元素的高）
css样式设置为居中显示，现在做首页banner图，图片最好是1920的宽，除非你的banner是固定宽的；
固定宽的也是要图片最好和你规定的宽一样，避免拉伸
