• 单行文本溢出、多文本溢出


    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    	<title>Document</title>
    	<style>
    		*{
    			padding:0;
    			margin:0;
    		}
    		/* 单行文本溢出 */
    		/* .inaline{
    			overflow:hidden;
    			white-space:nowrap;
    			text-overflow:ellipsis;
    		} */
    		
    		/* 多行文本溢出 */
    		.inaline{
    			color:red;
    			display:-webkit-box !important;
    			overflow:hidden;
    
    			text-overflow:ellipsis;
    			word-break:break-all;
    
    
    			-webkit-box-orient:vertical;
    			-webkit-line-clamp:4;
    
    			
    		}
    	</style>
    </head>
    <body>
    
    	 <div class="inaline">我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是
    一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女
    生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃
    老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵
    爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一
    个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生
    我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老
    花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵
    爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生我是一个兵爱吃老花女生</div> </body> </html>

      

  • 相关阅读:
    初识CSS
    网页特殊符号HTML代码大全
    HTML基础
    python :ascii codec can't decode byte 0xe8 in posit
    linux shell中单引号、双引号和没有引号的区别
    初识HTML
    Python操作 Memcache、Redis、RabbitMQ
    使用fastdfs-zyc监控FastDFS文件系统
    Python---初识堡垒机
    SQL Server ->> Online Index Rebuilding(联机索引重建)
  • 原文地址:https://www.cnblogs.com/mingjixiaohui/p/5436351.html
Copyright © 2020-2023  润新知