问题标签 [cellpadding]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
2333 浏览

html - 如何最小化 HTML 表格单元格的顶部和底部“填充”?

我尝试使用尽可能少的文本单元格填充来渲染表格。

下面的片段显示了我到目前为止所做的事情。但是,它仍然包含单元格文本的可见顶部和底部“填充”。

还有哪些其他 CSS 选项可以减少文本上方的空白,以便文本在顶行下方呈现,而底线在文本下方绘制,没有间隙?


非常感谢到目前为止的答案!

在我的例子中,实际的字体系列和字体大小是未知的,这意味着 CSS 不能使用任何固定的行高值,因为这有截断字符的风险。所以我正在寻找一个“规范”和安全的解决方案。

理想情况下,只有一个 CSS 设置会导致文本和边框之间的“间隙”消失,并且适用于所有字体系列和字体大小(单个单元格中可能使用多种字体)。

0 投票
1 回答
1837 浏览

html - 如何设置单个表格单元格填充?

我在瀑布图中制作了条形图,我希望它们看起来像块状。它们是内嵌块,以编程方式设置为宽度并通过左侧边距进行横向调整。

在这种情况下,设置 innerHTML 的 javascript 无关紧要,但我尝试过的最小 CSS 和 HTML 如下所示。运行这个小提琴看看它的样子:

尽管到处都有不需要的表格单元格填充,但padding:0在需要填充的第一列的单元格中没有。

我想要的是一个上下红色边框接触它周围黑色边框的栏。

在 Chrome 和 Firefox 中都是一样的:padding一个<td>影响<td>. <tr>为什么?如何将此代码更改为在条形图上方和下方没有空间而不会丢失第一列中的填充?

0 投票
2 回答
1405 浏览

jquery - DataTables PDF 导出单元格填充

有没有办法减少 DataTables 导出的 PDF 中的单元格填充?PDFMake playground 声明在导出表格时可以编辑单元格填充,但我没有遇到任何这样做的代码示例。任何帮助表示赞赏。

0 投票
0 回答
8 浏览

cellpadding - 嵌套滚动表中的单元格填充

我正在尝试在此滚动表的左侧获取单元格填充,以将文本从边框移开。第一行的单元格填充有效,但会在表格中形成其他边框。

谢谢,任何想法将不胜感激。

0 投票
1 回答
37 浏览

html - 使用 HTML5 删除 html4 表中不需要的空格

多年前我创建了一个万圣节电子贺卡 - HTML 4.01 -

https://www.bethanyec.co.uk/HauntedHouse_web.html

它基本上是一张带有 Photoshop 图像切片的表格。

当我尝试将代码升级到 HTML 5 时,我无法抑制多余的、不需要的空格。

https://www.bethanyec.co.uk/_HauntedHouse_web.html

我已经尝试了许多修复,但没有一个奏效。

HTML 5 代码: