HTML表需要列之间的间距,而不是行
当谈到HTML表格时，我们通常会使用<table>、<tr>、<td>等标签来创建表格。要在表格中添加间距，我们可以使用CSS样式来实现。
在这个例子中，我们可以使用border-spacing属性来设置表格单元格之间的间距。以下是一个简单的HTML和CSS代码示例：
<!DOCTYPE html>
<html>
<head><style>
table {
border-collapse: separate;
border-spacing: 10px 5px;
}
</style>
</head>
<body><table>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
</tr>
</table>
</body>
</html>在这个例子中，我们设置了border-spacing属性，使表格单元格之间的水平间距为10像素，垂直间距为5像素。这样，表格中的每个单元格都会有相应的间距，而不是行之间的间距。
需要注意的是，这种方法适用于现代浏览器，但在某些较旧的浏览器中可能不起作用。为了兼容性，您可以考虑使用CSS框架，如Bootstrap，它提供了一套现代、响应式的样式，可以帮助您更轻松地创建和调整表格样式。
相关·内容
5回答
我有一个HTML表格。我需要表格列之间的间距，而不是表格行之间的间距。
如果我使用cellspacing CSS属性，它会在行和列之间执行此操作。我也不能在我做的事情中使用CSS。我需要使用纯HTML。
浏览 1提问于2012-08-04得票数 73
回答已采纳
2回答
是否可以模拟表格单元格之间的间距，使垂直间距和水平间距不同？
html、css、css-tables
在CSS中，可以使用表格的边框间距属性指定表格单元格之间的间距。
然而，这导致了列和行之间的均匀间距，并且我发现我正在使用的设计需要行之间的间距，而不是列之间的间距，或者相反。如果我有一个纯色的<
浏览 0提问于2008-10-31得票数 3
回答已采纳
2回答
HTML表格:只在表格标题上有一个边框，表格上有边框-折叠:分离
html、css、border、css-tables
这就是我需要我的表的样子：我需要在表标题行下面添加一个实线边框。但是，我还需要在表格的单元格之间留出间距。我必须使用表格上的边框折叠属性来获得灰色单元格之间的间距，而“边框折叠:分隔”阻止我向标题行添加底部边框。
如何在表格标题下添加实线边框，同时保持表格列<em
浏览 11提问于2015-07-10得票数 0
回答已采纳
3回答
删除表行之间的空格
html、css、html-table、row、html-email
我正在建立一个html电子邮件模板，需要删除表行之间的间距，但需要保持在10px的单元格间距。您将在示例中看到蓝色标题栏及其下方的间距。有没有办法使用CSS隔离这些表行并删除它？
HTML：
浏览 0提问于2013-09-20得票数 0
回答已采纳
1回答
行中项目之间没有额外的间隔
html、css、flexbox
因此，我正在使用新的柔性盒CSS模块来尝试并创建两列框。
目标:框必须按左-右-左-右等顺序排列，而不是按列顺序(行要求)框可以有不同的高度，除通过css指定的以外，方框之间不应有垂直间距。除了这份清单上的最后一份之外，我已经完成了所有工作。无论我做什么，如果一行中的某一项比另一行高，则不可避免地会将下一行中的
浏览 1提问于2015-06-30得票数 1
回答已采纳
1回答
如何使Notepad++在同一行的单词之间放置一致的单个空格
notepad++
我有10个txt文件，每行有1000行，它们的格式都很糟糕，“列”之间的空间不均匀。我需要在单词之间留出一个空格(在本例中是名称)，这样Access就可以将每一行转换成一个适当的列。如何让记事本在这些单词之间放置一个一致的空格，而不是像这里所示的不同的间距：
浏览 0提问于2018-04-02得票数 0
回答已采纳
4回答
带有居中单元格的html表
html、html-table
基本上我想要的是一张有一行，五个细胞的桌子.第一个/左单元格应该是左单元格，最后/右边单元格应该是对齐的，中间的三个单元格需要在每个单元格之间以相等的间距为中心。表本身是"100%宽度，因此单元格之间的间距来自于此。
我将如何编写这个(使用html / css)？"table“标记或”div“等都
浏览 12提问于2011-12-13得票数 0
回答已采纳
2回答
如何使用Bootstrap 3.0增加列之间的填充
twitter-bootstrap-3、grid-layout、spacing
我想在页面中间做两行居中。对于第一行，我使用div class="col-md-4 col-md-offset-2"，对于第二行，我使用div class="col-md-4"。我的第一个问题是，是否可以添加10行而不是12行，或者是否需要指定右侧的2行？如果是这样，如何做到这一点？
另外，我想增加列之间的
浏览 0提问于2014-07-01得票数 7
回答已采纳
2回答
删除HTML表行和列之间的间距
html、css
我正在创建一个表，在该表中，我希望元素在边框上连接(根本没有间隔)。但是，在行和列之间似乎有很小的差距，我无法移除。<table> <th><div></div></th>
<th><div&
浏览 1提问于2019-07-13得票数 0
回答已采纳
3回答
响应HTML电子邮件- Outlook的3列布局间隔
html、css、email、outlook、spacing
我正在努力完善一个3列的布局，我对表之间的间距有一些问题，但问题只出现在Outlook 2007、10、13中。现在，在其他所有内容(浏览器和其他客户端)中，我可以将表均匀地空间到容器的边缘，而不需要将最后一列降到下一行：
您将从图像中注意到，第二组列是我的目标，但不必大幅度减少表之间的<em
浏览 4提问于2014-01-20得票数 0
回答已采纳
3回答
为什么我不能将边框应用到角垫表行？
css、angular、angular-material、angular-material-table
我有一个简单的角度材质表： <ng-container matColumnDef="name">displayedColumns"></tr></
浏览 1提问于2018-12-28得票数 10
回答已采纳
1回答
表边框和较窄行的间隔/填充
css、html
如何从表边框中添加间隔/填充/边距？我希望表行之间的间距更窄，而表边框本身需要更多的间隔/填充，例如：<tr /* margin = 2px */><td2px */><td>Hello<&#
浏览 6提问于2013-08-22得票数 0
回答已采纳
2回答
如何减少html表中两列之间的间距
html、datatables
我使用数据表来显示数据库中的数据。数据表的两列之间有一些空格。如何缩小它们之间的间距。我尝试过计算间距，但在html5中它被弃用了。有没有可能做到这一点。
浏览 6提问于2016-10-01得票数 3
1回答
如何使引导5行具有与引导4相同的间距
css、bootstrap-4、rows、bootstrap-5
我知道Bootstrap 5使用排水沟作为行距，但是如果我有(很多)现有的html，我想在不进行修改的情况下使用它，那么是否有一种方法可以让site.css看起来类似呢？
浏览 2提问于2022-06-08得票数 0
1回答
超文本标记语言电子邮件-表格问题-Outlook2007/ 2010 /2013
html、css、email、outlook、html-email
我的桌子坏了，我不知道为什么，我在网上试了很多把戏，但是没有运气，有人能帮我吗？下面是我的代码示例:我在表中嵌套的部分有问题： <html> <meta http-equiv="Content-Type" content="text/html</table>
浏览 3提问于2015-07-20得票数 0
3回答
防止边框折叠的表缩进，分离
html、css、border-spacing
我有一些非常基本的html：现在，我想在表行和列之间添加间距，因此我添加了以下css：border-collapse: separate;}
太棒了除了现在，表本身不再与2段
浏览 2提问于2015-06-12得票数 0
回答已采纳
7回答
如何在html表的两行之间拆分一行或空格
html、css、html-table
我需要在两行之间留出空间或中断，这样我的页面就会看起来很好。请说出其他适当的方式在两行之间留出空间。下面是我的示例代码：
<form:form name="form" method="post" modelAttribut
浏览 5提问于2013-09-25得票数 8
回答已采纳
6回答
在Bootstrap 4中增加垂直堆叠柱之间的间距
html、css、bootstrap-4、twitter-bootstrap-4、spacing
不幸的是，似乎没有一种很好的方法来管理从水平堆栈到特定断点的垂直堆栈之间的垂直间距。这里似乎确实有一个，但这里的情况并非如此。我有，但是当有多个列在一行中时，它就不能工作。为了说明我的场景，下面是HTML的结构：
<div class="row&
浏览 10提问于2017-04-04得票数 25
回答已采纳
2回答
HTML/CSS表格垂直边距
html、css、html-table、padding、margin
我使用Python库生成以下HTML代码。我可以使用什么CSS属性来增加行之间的间距？我尝试设置tr和th元素的边距和填充属性，但不起作用。
浏览 24提问于2021-07-07得票数 0
回答已采纳
6回答
如何将边框半径加到角垫桌上？
angular、angular-material、mat-table
我正试着把mat-table边界变成圆形的。但这是行不通的。
浏览 7提问于2020-03-04得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
