您的位置:首页 > 其它

禁止选择文字和文本超出显示省略号

2017-10-24 15:55 316 查看

禁止选中文字

用来防止用户选中页面上的文字的css样式
uesr-select:none;
-webkit-user-select:none
-moz-uesr-select:none;
-ms-uesr-select:none;
-o-uesr-select:none;
为了兼容不同浏览器user-select属性,在需要禁止选中文字的标签上加上:onselectstart="return false;"  unselectable="on"

文本超出不显示并显示省略号

使用css可以实现一行文字不换行,并且超出的文本用省略号显示:
text-overflow : ellipsis;   //显示省略号
white-space:nowrap;     //强制不换行
overflow: hidden;      //超出隐藏
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: