css制作表格
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>table</title> <style> *{ margin: 0; padding: 0; } table{ width: 100%; height: 120px; margin:10px auto 0; table-layout: fixed; border-collapse: collapse; color: blue; } table,table tr,table td{ border:1px solid #ccc; } table td{ width:11%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } </style> </head> <body> <table> <tr> <td>沃普丰(well-phone)</td> <td>广信</td> <td>华硕(ASUS)</td> <td>蓝魔(Ramos)</td> <td>CAPPU</td> <td>华度(huadu)</td> <td>E XUN</td> <td>美翼(Meiwings)</td> <td>中诺(CHINO-E)</td> </tr> <tr> <td>亿通(ETON)</td> <td>JEASUNG</td> <td>传奇(SAGA)</td> <td>首信(CAPITEL)</td> <td>富可视(InFocus)</td> <td>博悦</td> <td>优豊(UPHONE)</td> <td>Conquest</td> <td>BROR</td> </tr> <tr> <td>至尊宝(Best sonn)</td> <td>云狐手机(NFOX)</td> <td>关爱心</td> <td>斐讯(PHICOMM)</td> <td>优摩(UMO)</td> <td>NAMO</td> <td>明基(BenQ)</td> <!-- <td>途耐</td> <td>MOBA</td> --> </tr> </table> </body> </html>