html - 如何将表格从 html 完全复制到 MS Word?

标签 html css html-table

我正在尝试将 html 中的 table 从浏览器(适用于 Chrome)完全复制到 Word 文档。发生的情况是最后一行的边框没有在 Word 中传递。

获取代码:

HTML:

<table id="t6">
<tr><th></th><th>raw_alpha</th><th>std.alpha</th><th>G6(smc)</th><th>average_r</th></tr>
<tr><td>gse1</td><td>0.88</td><td>0.88</td><td>0.88</td><td>0.45</td></tr>
<tr><td>gse10</td><td>0.88</td><td>0.88</td><td>0.88</td><td>0.45</td></tr>
</table>

CSS:

table, th, tr, td {
        background-color:white;
        border-spacing: 0;
        padding: 2px 6px;
        border-collapse:collapse;
        text-align: right;
    }

th {
    background-color: white;
    color: black;
    border-width:1px;
    border-color: #000;
    border-style: solid none solid none;
}

tr:last-child {
    border: 1px solid #000;
    border-style: none none solid none;
}

有什么方法可以包含最后一行的边框吗?这也有可能在 Firefox 中工作吗?

最佳答案

应用于 tr 元素的边框显然无法识别,因此您需要将它们应用于 td
在您的 CSS 中,将 tr:last-child 更改为 tr:last-child td 它应该可以工作。

关于html - 如何将表格从 html 完全复制到 MS Word?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29898583/

相关文章:

html - 内联 block 元素内的表格破坏了垂直对齐

javascript - IE中表格获得焦点时表格滚动条跳起

html - Thymeleaf - 带有布局的片段

javascript - html5 - 绘制多个圆圈 - 每个圆圈填充不同的图像

javascript - 在特定单选按钮检查中禁用选择元素

html - 在 mozilla 浏览器上图像显示空白

css - 视口(viewport)设备宽度,不工作

HTML iframe - 禁用滚动

jQuery 将两个 tr 类合并为一个

javascript - 在 TreeView 显示中只保持一个 li 节点打开