Html 在表格中的左右对齐列中创建等距列

Html 在表格中的左右对齐列中创建等距列,html,css,html-table,Html,Css,Html Table,我有一个左右对齐列的表格,我需要在列内保持相等的间距 差不多 justify-content: space-between 但最好没有flexbox和网格,只通过html表 .mtable{ 宽度:100%; 边界:无; 表布局:固定; 字体:标准13px Arial,无衬线; } .mtable th{ 填充:10px; 文本对齐:左对齐; 背景色:#ddd; } .mtable td{ 边框顶部:实心1px#DADEE6; 填充:10px; } td:最后一个孩子{ 文本对齐:右对齐

我有一个左右对齐列的表格,我需要在列内保持相等的间距

差不多

justify-content: space-between 
但最好没有flexbox和网格,只通过html表

.mtable{
宽度:100%;
边界:无;
表布局:固定;
字体:标准13px Arial,无衬线;
}
.mtable th{
填充:10px;
文本对齐:左对齐;
背景色:#ddd;
}
.mtable td{
边框顶部:实心1px#DADEE6;
填充:10px;
}
td:最后一个孩子{
文本对齐:右对齐;
}
td:n个孩子(n+3){
文本对齐:右对齐;
}

名称
格子状
意见
显示
填充率
地位
电报
安卓
60 011"
40 631
70%
论适度
WhatsApp
网间网操作系统
124 289"
93 431
43%
忙碌的

如果您知道有多少列,可以执行以下操作:

.mtable td {
  width: 10%
}
根据您有多少列,将取决于%值

因此,对于一个6列的表,它应该是:

.mtable td {
 width: 16.6666666667%;
}

您的列之间已经具有相同的大小和间距,这并不明显,因为文本不会延伸到列的边缘。在每个单元格周围添加边框将证明它们完全相同

你不需要做任何事情来确保他们之间的差距是相同的——事实已经如此

.mtable{
宽度:100%;
边界:无;
表布局:固定;
字体:标准13px Arial,无衬线;
}
.mtable th{
填充:10px;
文本对齐:左对齐;
背景色:#ddd;
}
.mtable td{
边框顶部:实心1px#DADEE6;
填充:10px;
边框:1px纯黑;/*已添加*/
}
td:最后一个孩子{
文本对齐:右对齐;
}
td:n个孩子(n+3){
文本对齐:右对齐;
}

名称
格子状
意见
显示
填充率
地位
电报
安卓
60 011"
40 631
70%
论适度
WhatsApp
网间网操作系统
124 289"
93 431
43%
忙碌的

他希望列之间的间距具有相同的宽度,而不是列本身的间距不相等:(在1200px上清晰可见+