• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      css的多行省略號處理
      
				
      
					
       2018-5-30      高勁      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
            在我們的頁面布局的時候，經(jīng)常會有這樣的需求，超過指定行文本的時候會進行（省略號...）的處理，那么我們改怎么設(shè)置css呢？如下：

      
        設(shè)置盒子的css為：

      
  
      

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

      

             但是這樣只能顯示一行而不能實現(xiàn)指定行，所以還要其他的方法來實現(xiàn)指定行處理的。

      


      
     WebKit瀏覽器或移動端的頁面（大部分移動端都是webkit） 
      

      
            可以直接使用WebKit的CSS擴展屬性(WebKit是私有屬性)-webkit-line-clamp ；注意：這是一個不規(guī)范的屬性，它沒有出現(xiàn)在 CSS 規(guī)范草案中。 

      



      
  
      

      
            -webkit-line-clamp用來限制在一個塊元素顯示的文本的行數(shù)。 為了實現(xiàn)該效果，它需要組合其他的WebKit屬性。
      
       常見結(jié)合屬性：       

      

        
    
      • 
        display: -webkit-box; 必須結(jié)合的屬性 ，將對象作為彈性伸縮盒子模型顯示 。 
    
        • 
    
      • 
        -webkit-box-orient 必須結(jié)合的屬性 ，設(shè)置或檢索伸縮盒對象的子元素的排列方式 。 
    
        • 
    
      • 
        text-overflow: ellipsis;，可以用來多行文本的情況下，用省略號“…”隱藏超出范圍的文本 。
        
    
        • 

      

           css 代碼:

      
  
      

        
    
      • 
        overflow：hidden; 
    
        • 
    
      • 
        text-overflow: ellipsis; 
    
        • 
    
      • 
        display: -webkit-box; 
    
        • 
    
      • 
        -webkit-line-clamp:2;/*這里控制著顯示多少行*/ 
    
        • 
    
      • 
        -webkit-box-orient:vertical; 
    
        • 

      


      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個人資料
      
      
      
          
      
                    
      
          
      藍藍設(shè)計的小編
          http://www.wtxcl.cn
      
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 






主站蜘蛛池模板：
色欲网天天无码av|
亚洲一区二区三区在线免费视频|
超浪熟女在线|
五月天成人小说|
白嫩丰满少妇大战黑人|
欧美成人片一区二区三区
|
亚洲成人在线网站|
亚洲中文字幕精品一区二区三区|
波多野结衣久久高清免费|
亚洲熟妇另类久久久久久
|
男女猛烈激情XX00免费视频|
申扎县|
中文字幕在线观看www|
51精品国自产在线|
搡老女人老妇女老熟妇69|
3d动漫精品啪啪一区二区下载|
A级毛片18以上观看视频免费|
亚洲黄色一区二区|
亚洲熟女食品|
亚洲aⅴ无码天堂在线观看
|
日韩av一二三四区|
欧美精品v日韩精品v国产精品
|
国产成人一区二区视频免费|
久久久久久久av|
青河县|
美日韩一区二区综合在线视频
|
夜福利导航|
欧美高清欧美aⅴ片|
夏邑县|
色综合天天综一个色天天综合网|
一区777|
皮山县|
国产成人精品亚洲精品|
最新免费av网站|
99久久久无码国产精品免费砚床|
日韩av无码午夜福利电影|
亚洲精品乱码97久久久|
天堂网www在线资源网|
97人妻免费公开视频|
久久久久厕拍|
午夜中文在线|