超出显示省略号

普通模式

display:inline-block; 
overflow:hidden; 
white-space:nowrap; 
text-overflow:ellipsis;

#按照英文单词换行

word-break:break-all;
word-wrap:break-word;

#两行截取 2行超出显示…

display: -webkit-box;
overflow: hidden;
white-space: normal!important;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

#select

<select onmouseover="selbox($(this))" ></select>
<script>
function selbox(a){
  var val = a.val();
  a.attr("title",val);
}
</script>