关于table里的数据太长超出列宽时,不换行,出省略号,鼠标移上去以后显示全部数据...

#t1{
 table-layout:fixed;
}
#t1 td{
text-overflow:ellipsis;
overflow:hidden;
white-space: nowrap;
}

上面是css

 1 class="tyouhyou_11pt" id="t1">    
 2class="tyouhyou_8pt" bgcolor="LightCyan">
 3 4 5 6 7 8 9101112131415
16             class="tyouhyou_8pt" >
17212529333741424647565758
             
                 
顧客名
                 
対象年月
                 
派遣社員名カナ
                 
スタッフCD
                 
発行依頼日時
                 
発行日時
                 
                 
送付先メールアドレス
                 
                 
 
             
             
             
                 
">
19                      
20                 
                 
22                 border-right: 1px solid black;">
23                      
24                 
                 
26                 border-right: 1px solid black;">
27                      
28                 
                 
30                 border-right: 1px solid black;">
31                      
32                 
                 
34                 border-right: 1px solid black;">
35                      
36                 
                 
38                 border-right: 1px solid black;">
39                      
40                 
                 
                 
43                 border-right: 1px solid black;" title="">
44                      
45                 
                 
                 
48                 border-right: 1px solid black;">
49                 
50                 
51                 "/>
52                 "/>
53                 "/>
54                 "/>
55                 
             
         
         

上面红色标记的就是鼠标移上去出现全部数据的那一列,只是多一个title属性

所以综上所述,只需要css和代码中红色标记的就可以实现了

转载于:https://www.cnblogs.com/tian-chen/p/4037171.html