常见的css换行样式[通俗易懂]

 h1 { 
   
     width: 500px;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
 }

 h1 { 
   
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    -webkit-box-orient: vertical;
 }

pre { 
   
    white-space: pre-wrap !important;
    word-break: break-all;
    word-wrap: break-word;
}