zoukankan      html  css  js  c++  java
  • 单行文本溢出、多文本溢出

    <!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>

      

  • 相关阅读:
    RocketMQ
    Docker的基本使用
    logstash、ELK
    spring cloud杂文总结
    手写一个starter
    @SpringBootApplication你知多少?
    使用ElasticSearch
    ElasticSearch安装
    啥是ElasticSearch???
    socket、端口、进程的关系
  • 原文地址:https://www.cnblogs.com/mingjixiaohui/p/5436351.html
Copyright © 2011-2022 走看看