真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

bootstrap表格內(nèi)容過長時用省略號表示的解決方法

首先 ，bootstrap中當(dāng)td內(nèi)容超過我給的固定寬度時，省略號代替的代碼如下：

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了芒市免費建站歡迎大家使用！


   
     

       商品名稱
       詳細(xì)介紹
       購買數(shù)量
     

   
   
     

      自由行機(jī)票享超值優(yōu)惠
      隨心所欲安排行程
      70
    

    

      自由行機(jī)票享超值優(yōu)惠
      隨心所欲安排行程
      70
    
   
    

      自由行機(jī)票享超值優(yōu)惠
      隨心所欲安排行程
      70
    
            
                  
 

.table tbody tr td{
   overflow: hidden; 
   text-overflow:ellipsis; 
   white-space: nowrap; 
 }

移動端模擬器顯示效果是這樣的。不是很舒服,完全沒按我給他的寬度顯示，全靠內(nèi)容擠出來的。

bootstrap表格內(nèi)容過長時用省略號表示的解決方法 

解決方法：

也就是添加樣式
table{
 table-layout:fixed;
}
效果出現(xiàn)：
bootstrap表格內(nèi)容過長時用省略號表示的解決方法
table-layout用來顯示表格單元格、行、列的算法規(guī)則。值 描述
automatic 默認(rèn)。列寬度由單元格內(nèi)容設(shè)定。 
fixed 列寬由表格寬度和列寬度設(shè)定。 
inherit 規(guī)定應(yīng)該從父元素繼承 table-layout 屬性的值。
總結(jié)
以上所述是小編給大家介紹的bootstrap表格內(nèi)容過長時用省略號表示的解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！


            文章題目：bootstrap表格內(nèi)容過長時用省略號表示的解決方法            

            本文路徑：http://weahome.cn/article/jdjpoi.html

    

        

            
                
                
在線咨詢

            
        

    

    

        
微信咨詢

        

    

    

        
電話咨詢

        

            
028-86922220（工作日）

            
18980820575（7×24）

        

    

    

        

            
                
提交需求

            
        

    

    

        

            
                
返回頂部

            
        

    


            
            
                        
        
    











  •