<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>表格演示</title> <style type="text/css"> table{ width: 100%; /\*必须\*/ table-layout: fixed; /\*必须 列宽由表格宽度和列宽度设定\*/ } td{ white-space: nowrap;/\*控制单行显示\*/ overflow: hidden;/\*超出隐藏\*/ text-overflow: ellipsis;/\*隐藏的字符用省略号表示 使用ellipsis的时候，必须配合overflow:hidden; white-space:nowrap; width:50%;这三个样式共同使用才会有效果\*/ } </style> </head> <body> <table border="1" cellspacing="0" cellpadding="0"> <thead> <tr> <th class="name" width="50px">姓名</th> <th class="age">年龄</th> <th class="sex">性别</th> <th class="addr">地址</th> </tr> </thead> <tbody> <tr> <td class="name2">李四sss李四s李四ss李四ss李四s李四ss李四ss李四s李四sssssssssssssssssssss</td> <td>13</td> <td>男</td> <td>山东</td> </tr> <tr> <td>李四</td> <td>13</td> <td>男</td> <td>山东</td> </tr> <tr> <td>李四</td> <td>13</td> <td>男</td> <td>山东</td> </tr> </tbody> </table> </body> </html>
