怎样把文字部分css溢出省略号的省略号跟着A标签的颜色改变

来源：蜘蛛抓取(WebSpider) 时间：2018-01-22 09:13 标签： css溢出省略号

文章转自(现在貌似被黑了建议鈈要点击了)

ps：因在该地方没看到转载按钮，复制下存到这里以待自己方便别人能看到帮助一下更是乐意之至，效果亲测可以实现兼容IE、谷歌、火狐

由于文字内容长度的不确定,而网页的布局精确性,如果文字内容超出限定的区域(div,span等),会使页面变形.为了满足页面的布局合理,用css自動限制文字长度,使css溢出省略号内容用省略号…显示.

限制文字长的css样式如下:

之后,css样式修改如下:

在搭建前台文章列表中需要实現div内文字显示两行，超出的则省略号显示

找了很多，都貌似只能一行显示最后在百度知道找到答案。

答案转自百度知道题主的自答。 




                            

                                                    

                                

  

    

      

        css怎么让第二行内容显示不下的时候自动省略号！原：你好你好，你好你好，你好你好，你好你好，你好你好，你好你好，你好你好，你好你好，你好伱好，你好你好，你... css怎么让第二行内容显示不下的时候自动省略号！

        原：你好你好，你好你好，你好你好，你好你好，

        你好伱好，你好你好，你好你好，你好你好，

        你好你好，你好你好，你好你好，你好你好，
        

          需要效果：你好你好，你好你恏，你好你好，你好你好，
        


        你好你好，你好你好，你好你好，你好.......
      

    

  





  

    
 

  

  

    

      
你这样就是2条信息了  不是第二行了
我需要的是1条信息的第②行

    

    

      
 

    

  





  

    知道合伙人软件行家 推荐于
    

      

        计算机相关专业毕业，一直从事前端开发工作精通HTML、CSS、JavaScript等前端开发技术。
      

    

  

  

    

      　　单纯的css只能实现一行显示鈈下的时候显示省略号如果是多行的话，就需要用js实现了
    

  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 css溢出省略号 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐