css设置text超出长度显示为省略号

文字超出父级显示为省略号

1.首先设置省略文本元素高度
2

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

或者

	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;  //显示两行

pre换行

	pre{
		word-break: break-all;
	    white-space:pre-wrap; /* css3.0 */ 
    }