在ie7、ie8下 td th寬度解決方法
阿新 • • 發佈：2018-12-23
<!doctype html> <html> <head> <meta charset=""utf-8""> <style> .title {background-color:＃ccc;width: 150px} </style> </head> <body> <table style=""width:600px""> <tr> <td class=""title"">哈哈</td> <td>aa</td> <td class=""title"">大都會</td> <td>bb</td> </tr> <tr> <td class=""title"">adad</td> <td colspan=""3"">alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉</td> </tr> </table> </body> </html>
此種景象下 在ie7、ie8下 第一行的 3列會被明顯撐大，並未能按樣式寬度（width: 150px） 顯示
解決規劃：
1、寫死每列寬度
2、把 width:150px 批改成 width:20％ 用百分比