用于 html 表格填充的内联 css答案

【问题标题】：inline css for html table padding用于 html 表格填充的内联 css
【发布时间】：2016-01-26 20:18:50
【问题描述】：

我需要在 CMS 中设置表格的样式，但是虽然许多其他样式元素都在工作，但填充却不行。我正在尝试增加单个单元格的填充，但希望避免必须为每个单元格添加此填充。能做到吗？

以下是我使用的基础。（边框样式似乎也不起作用，所以我直接把它放在 HTML 中）

<table border="1" style="width:100%;padding:10px;">

当我在浏览器中检查 CSS 时，没有迹象表明样式表中的元素存在冲突或覆盖它。

我已经看到其他提到使用 display:block 或 border-collapse 的答案，虽然填充生效，但它只应用于内部表格和边框之间。

我是否遗漏了什么，或者这只是我们的设计师如何设置网站的一个怪癖？

谢谢！

【问题讨论】：

寻求代码帮助的问题必须在问题本身中包含重现它所需的最短代码。见How to create a Minimal, Complete, and Verifiable example
通常，表格单元格采用 CSS 样式（尤其是填充、边框等）。

【解决方案1】：

在这里很难看出你想弄清楚什么。我已经使用您建议的代码创建了一个 codepen，它工作正常。

<table border="1" style="width:100%;padding:10px;"><tr><td>test</td></tr></table>

请以codepen或其他方式提供完整的代码示例，以便我们提供适当的帮助。

【讨论】：

【解决方案2】：

您可以添加带有父目录的 css 来克服不需要的 css

例子

     table.classname tbody tr td{padding:15px;}

这将应用于所有不需要为所有 td 内联写入的单元格。

【讨论】：