如果为 HTML 元素指向多个 CSS 类,Excel 看起来无法理解 HTML 属性“类”。
例如,如果“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 中的一个已知问题吗?
有人遇到过这个问题吗?
谢谢。
最佳答案
Excel 不是互联网浏览器,不要指望它解析 css,它只会使用包含类的元素,所以你需要使用这种代码:
<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>
这也很好,因为有时您需要定义 Excel 单元格类型,您可以使用以下格式:http://cosicimiento.blogspot.co.at/2008/11/styling-excel-cells-with-mso-number.html
关于css - 将元素上具有多个 Css 类的 HTML 文件导入到 Excel 中时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4872253/