gpt4 book ai didi

html - 取消设置 td 填充

转载 作者:行者123 更新时间:2023-11-28 17:00:46 25 4
gpt4 key购买 nike

我正在使用 AEM CMS,用户可以在富文本编辑器中构建表格。它工作得很好。我们的实现也使用 bootstrap 3.1。 Bootstrap 将 td 和 th padding 设置为 0。这优先于系统根据用户对表格组件的设置设置的 cellpadding。生成的 HTML 如下所示。在此示例中,用户的单元格填充设置设置为 4...

<div class="parbase table">
<table width="100%" cellspacing="0" cellpadding="4" border="1">
<tbody>
<tr><td>Hello 1</td>
<td>Hello2</td>
<td>Hello3&nbsp;</td>
</tr>
<tr>
<td>lsdvn dfijkn jsdvoi m orijojnl JDFIUJ</td>
<td>adfbsk ik</td>
<td>lsdvn dfijkn jsdvoi m orijojnl JDFIUJ</td>
</tr>
</tbody>
</table>
</div>

使用 Chrome Inspect Element 我可以看到应用了 Bootstrap 规则。当我取消选中此规则时,表格 cellpadding 生效,并且 td 看起来不错。

td, th {
padding: 0;
}

我尝试使用 initial 和 unset 删除规则,但均无效。

td, th {
padding: initial; /* and unset */
}

我希望有一个不涉及更改生成表格 html 的组件代码的实现的 css 解决方案。此外,由于我们将 CDN 用于 Bootstrap css/js,我也不想自定义框架。

希望有一个 CSS 解决方案,可以取消设置/删除/删除/等 Bootstrap td 和 th 填充规则。

最佳答案

您可以尝试添加更具体的规则,如果我没记错的话,该规则将优先于任何不太具体的规则:

div.parbase td {
padding: 4px;
}

如果可行,您可以取出表格的 cellpadding 属性。

关于html - 取消设置 td 填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31330731/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com