IE浏览器 Table 兼容问题

Posted 2020-10-03 Minily

border篇：

直接在<tr>标签上添加 border-bottom:1px solid red;  在IE8以上浏览器有效，IE7以下版本无效

 

解决方案：需给<table>标签添加属性“ border-collapse:collapse”, 并且将 border-bottom:1px solid red; 添加在<td>标签，将会兼容所有主流浏览器版本

 

 

<td> 宽度篇：

在<td>标签上使用最原始的类标签 .w_150{ width:150px;} ，在IE8以上有效，IE7以下无效

 

解决方案：给table添加style属性： style=" width: 700px; table-layout: fixed;" 

定义宽和table-layout，会兼容所有主流浏览器版本。