常见的css样式

982 阅读1分钟

鼠标不可点击

cursor: not-allowed; (鼠标禁用样式) pointer-events: none; (禁止js操作)

文本不能选中、禁止文本复制

只能阻止普通复制,无法防爬虫

user-select:none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;

禁用右键菜单

oncontextmenu = "return false"; // js
或 pointer-events: none

鼠标样式定制

禁止拖拽元素

点击去除高亮

单行文本省略号

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

多行文本省略号

-webkit-line-clamp: 2; (行数)
display: -webkit-box;
-webkit-box-orien: vertical;
overflow: hidden;

强制换行/ 禁止换行

word-wrap: break-word; // 强制换行
word-break: break-all; // 强制换行
white-space: nowrap; // 禁止换行