格式化 HTML 表格以粘贴到 Google 文档中

问题描述 投票:0回答:1

我正在为常规表格生成 HTML 代码:

<table cellpadding="0" cellpadding="0">
    <tr>
       <td>Data</td>
       <td>Data</td>
       <td>Data</td>
    <tr>
</table>

生成后,我在浏览器(Firefox)中打开 HTML 文件,然后复制并粘贴到空白的 Google Doc 中,但 Google Docs 翻译的表格没有边框和默认格式。

有没有办法格式化 HTML 表格以满足 Google 文档的要求? 或者有一种方法可以使用宏来格式化 Google Doc 的大量表格? (我的意思是表格边框和单行距)

html css google-docs google-docs-api
1个回答
7
投票

我注意到的第一件事是

<table>
上声明了两次
cellpadding="0"

“不要使用 [

cellpadding
cellspacing
],因为 [它们已] 已被弃用。该元素应该使用 CSS 进行样式设置。” —MDN 网络文档

请参阅另一个 StackOverflow 问题,了解如何在 CSS 中设置单元格填充和单元格间距

这实际上解决了您的问题,因为向您的

border-collapse
样式添加
table
属性将导致允许表格作为表格粘贴到 Google 文档中... if 您将其设置为
separate

或者,如果您将

padding
添加到您的
td
(以及
th
,如果有的话)

我还应该注意,不同的浏览器会产生不同的结果。我还发现选择多少会影响表格的粘贴方式。我最好的建议是根据表格的外观和所需的结果进行实验。

© www.soinside.com 2019 - 2024. All rights reserved.