将元素上的多个Css类导入到Excel中的问题
如果几个CSS类指向HTML元素,Excel看起来不理解HTML属性“class”。
例如,如果“class ='A B'”指向标记“TD”,Excel将为标记使用空样式。
我有这些HTML代码:
<style type="text/css"> TABLE.t1_table{ background-color:#828a3c; border:solid 1px #3A6EA5; padding-left:2px; padding-top:2px; padding-right:2px; padding-bottom:2px; font-style:italic; font-variant:small-caps; font-size:20px; color:#6b3f07; border-collapse:collapse;
}
TR.t1_ph TD{ background-color:#B0C4DE; border:solid 1px #3A6EA5; padding-right:6px; font-weight:bold; color:#3A6EA5;
}
TR.t1_co TD{ background-color:#103a70; border:solid 1px #3A6EA5; padding-right:6px;
}
</style> <table class="t1_table" cellpadding="" cellspacing=""> <tr class="t1_ph"><td colspan="1">Age</td></tr> <tr class="t1_co"><td style="background-color:#cb7878">45</td></tr> <tr class="t1_co"><td>23</td></tr> </table>
如果我在IE中打开文件,那么我可以看到正确的。 如果我在MS Excel中打开文件,那么我看错了。
这在Office中是一个已知的问题?
有没有人有这个问题的经验?
谢谢。
Excell不是一个互联网浏览器,不要指望它parsingCSS,它将只使用包含类的元素,所以你需要使用这种types的代码:
<style type="text/css"> .t1_table { background-color:#828a3c; border:solid 1px #3A6EA5; padding-left:2px; padding-top:2px; padding-right:2px; padding-bottom:2px; font-style:italic; font-variant:small-caps; font-size:20px; color:#6b3f07; border-collapse:collapse; } .t1_ph { background-color:green; border:solid 1px #3A6EA5; padding-right:6px; font-weight:bold; color:#3A6EA5; } .t1_co { background-color:red; border:solid 1px #3A6EA5; padding-right:6px; } </style> <table class="t1_table" cellpadding="" cellspacing=""> <tr><td class="t1_ph">Age</td></tr> <tr><td class="t1_co" style="background-color:#cb7878">45</td></tr> <tr><td class="t1_co">23</td></tr> </table>
这也不错,因为有时你需要定义Excell单元格types,你可以使用下面的格式: http : //cosicimiento.blogspot.co.at/2008/11/styling-excel-cells-with-mso-number。 HTML