在Google图表表格中为单元格添加填充或边距

Question

我在桌面模式下使用谷歌图表,在表格中我希望内容(文本)与边界有一点距离.我尝试用css做到这一点,但填充,边距和他们的-left变种到目前为止还不起作用.链接到tableCell属性的css(它是google图表的cssClassNames属性的一部分)正在工作,因为我可以设置边框和背景.但是当我尝试设置填充或边距等时没有任何变化.那么我需要做些什么才能在边框和表格中的内容之间创建距离？

这是我使用的Google图表:https://developers.google.com/chart/interactive/docs/gallery/table

Answer 1

更详细地了解您正在使用的 CSS 将有助于回答这个问题。也就是说，我愿意打赌这与您的 CSS 选择器特异性有关。

例如，使用td { padding-left: 16px; }可能不起作用，因为现有的CSS规则body.docs table th, body.docs table td { padding: 6px 10px; }会级联它。

然而，这样的事情可能会起作用：

html body.docs table th,
html body.docs table td 
{
    padding-left: 16px;
}

有关 CSS 特异性的更多信息，请参阅此链接。另外，请确保您的表格不在 iframe 中，因为您在包含该表格的页面中声明了 CSS；我早些时候在调查这个问题时就被这个问题困扰了（只是因为我一开始并没有意识到它的存在）。