html表填充的内联css

时间:2015-10-27 12:10:59

标签: html css html-table padding

我需要在CMS中设置一个表格,但是当其他一些样式元素工作时,填充不是。我正在尝试增加单个单元格的填充,但希望避免为每个单元格添加此填充。可以吗?

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

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

当我在浏览器中检查CSS时,没有任何迹象表明样式表中的元素存在冲突或过度。

我见过其他提到使用display:block或border-collapse的答案,虽然填充生效但它只在内表和边框之间应用。

我是否遗漏了某些东西,或者这只是我们的设计师如何设置网站的一个怪癖?

谢谢!

2 个答案:

答案 0 :(得分:0)

很难看出你想在这里弄清楚什么。 我用你建议的代码创建了一个codepen,它运行正常。

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

http://codepen.io/Bertjuhh/pen/wKjvPP

请在codepen或其他内容中提供完整的代码示例,以便我们可以提供正确的帮助。

答案 1 :(得分:0)

您可以使用父目录添加css以克服不需要的css

〔实施例

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

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