css基础知识 文本框溢出内容以省略号显示

一、单行文本框溢出内容以省略号显示

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

二、多行文本框溢出内容以省略号显示

overflow: hidden; 
display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 3; 

-webkit-line-clamp: 3； 表示如果文本内容超出三行则在第三行末尾以省略号显示

补充一点内容文本首行缩进

text-indent: 2em