如何用CSS实现多行文本的省略号显示

</div>

/*相当于之前的prop元素*/

.ellipsis:before {

content: "";

float: left;

width: 5px; height: 200px;

background: #F0F; }

/*相当于之前的main元素*/

.ellipsis > *:first-child {

float: right;

width: 100%;

margin-left: -5px;

background: #AFF; }

/*相当于之前的realend元素*/

.ellipsis:after {

content: "realend";

float: right; position: relative;

top: -25px; left: 100%;

width: 100px; margin-left: -100px;

padding-right: 5px;

background: #FAA; font-size: 14px; }

到了此处，信赖如今关怀的只是CSS的代码了：

.ellipsis { 
 
  overflow: hidden; 
 
  height: 200px; 
 
    line-height: 25px; 
 
    margin: 20px; 
 
    border: 5px solid #AAA; } 
 
  
 
.ellipsis:before { 
 
    content:""; 
 
    float: left; 
 
    width: 5px; height: 200px; } 
 
  
 
.ellipsis > *:first-child { 
 
    float: 	
			 5/7   首页 上一页 3 4 5 6 7 下一页 尾页	
			

　　推荐阅读
　　最适合人工智能开发的5种编程语言
            
            自负年夜客岁，AlphaGo打遍世界棋手无敌手，人工智能的风头就一向无人能及。在方才以前的IT领袖峰会上，BAT三位大年夜佬都看大好人工智能的将来成长。本年事首?年代，百度就做了一个大年>>>详细阅读


本文标题：如何用CSS实现多行文本的省略号显示
地址：http://www.17bianji.com/lsqh/34641.html
 1/2    1