这意味着使结果表看起来不像下面这样:

[===ROW===]
[===ROW===]
[===ROW===]
[===ROW===]

...更像是这样:

[===ROW===]

[===ROW===]

[===ROW===]

[===ROW===]

我试着添加

margin-bottom:1em;

tdtr,但一无所获.有什么主意吗?

推荐答案

你需要的是:

table {
    border-collapse: separate;
    border-spacing: 0 1em;
}

这假设您想要1em的垂直间隙,而不是水平间隙.如果你这样做,你可能也应该考虑控制你的线条高度.

有些奇怪的是,人们给出的一些答案涉及border-collapse: collapse个,其效果与问题的要求完全相反.

Html相关问答推荐

XPATH text()函数遇到困难

R中的动态Webscraping

滚动两个不同高度的DIV;一个等待另一个

有没有办法根据另一个项目调整FlexBox项目的大小?

SVG动画只有在打开S开发工具的浏览器时才开始播放

使具有FLEX父项的溢出自动的子元素收缩

30000ms后超时重试:期望找到元素:someElement,但从未找到它

页面文件夹内的 HTML 页面未加载主目录的 style.css

如何在悬停时使矩形按钮上的边框变圆

如果使用复选框属性更改,如何防止事件更改?

如何在 Flex 对齐内容框下显示隐藏按钮和文本

用于表行组标题的正确 HTML 标记是什么?

如何使我的设计适合与我的框架尺寸不同的视口?

调整窗口大小时文本重叠导航栏

项目的水平列表:倒数第二个项目居中,而最后一个项目占据所有剩余空间

在中心而不是边界处填充 svg 的背景

我正在try 向我预先存在的导航栏添加响应式汉堡包导航,但由于某种原因它没有显示

如何使文本显示在页眉/页脚之外?

我的卡片内容无法在 bootstrap 5 中正确居中

更改包含图标高度的 div