比较常用的码子记录一下（HTML/CSS/JS笔记）

实现img图片不能被拖动的两种简单方法

1. 在img标签中添加属性 draggable="false"
2. 通过css样式设置

代码语言：javascript复制

img {
    -webkit-user-drag: none;
}

文本溢出处理

代码语言：javascript复制

//单行
.single{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

//多行
.more{
    overflow:hidden;
    work-break: break-all;
    text-overflow:ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; //指定行数
}

代码语言：javascript复制

// 利用控制台停止页面的所有js
var id = setInterval(function() {}, 0);
while (id--) clearInterval(id);

css draggable

0 人点赞