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

禁止选中文字

用来防止用户选中页面上的文字的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;      //超出隐藏
posted @ 2017-06-29 19:31  rainbow8590  阅读(156)  评论(0编辑  收藏  举报