html表格如何在同一行上创建三个tr

这是我的代码的JSFIDLE

我的问题是会有绝对的滚动，因为我有很多

tr

要添加，但是如果我在同一行上做三个tr，我就不会有问题了

你能帮我在同一条线上做三个tr吗

我的代码是这样的：

#agentsTable tr {
    min-width:100%;
    max-width:100%;
}

每个tr都在一条特定的线路上，但我尝试这样做：

#agentsTable tr {
    width:30%;
    display:inline-block;
}

正如您在JSFIDLE中看到的，单元格之间有许多空白

---

我想做的是在同一行上有三个tr，但是应该有相同的宽度，没有任何空格。您需要更改HTML来解决这个问题

在每个

中放置三个

表格行（tr）由一组表格单元格（td-代表表格数据）组成-您可以根据需要在tr内设置任意数量的td

肮脏的
肮脏的
肮脏的

注意，为了达到这个效果，我还修改了css，删除了

display:inline块和应用<代码>宽度：33%到

最后，要使代理标题跨越三列，请在td上使用
colspan='3'
，因为您需要更改HTML以解决此问题

在每个
中放置三个

表格行（tr）由一组表格单元格（td-代表表格数据）组成-您可以根据需要在tr内设置任意数量的td



肮脏的
肮脏的
肮脏的

注意，为了达到这个效果，我还修改了css，删除了
display:inline块和应用<代码>宽度：33%到

最后，要使代理标题跨越三列，请在td上使用
colspan='3'
，您可以尝试以下操作：

#agentsTable td {
    display:block;
}

试试这个：

#agentsTable td {
    display:block;
}

我认为您在这里要做的事情可以如上面的示例所解释的那样完成（使用应该使用的td）。如果要使用css使表的行为类似于其他内容，则不确定为什么要使用表

如果要保留表，请选择上面的答案，否则请更改标记并更改css以使用块元素和浮动来实现此行为

实现此行为的css规则：

.agentLabel, .talkingAgentClass{
box-sizing:border-box;
width:29%;
margin:0 2% 10px;
float:left;
height:90px;
text-align:center;
min-width:100px;
}


还要注意在div中使用了辅助范围，这是为了使文本在div中保持垂直对齐

玩得开心。
我认为您在这里要做的事情可以像上面的例子所解释的那样（使用应该使用的td）。如果要使用css使表的行为类似于其他内容，则不确定为什么要使用表

如果要保留表，请选择上面的答案，否则请更改标记并更改css以使用块元素和浮动来实现此行为

实现此行为的css规则：

.agentLabel, .talkingAgentClass{
box-sizing:border-box;
width:29%;
margin:0 2% 10px;
float:left;
height:90px;
text-align:center;
min-width:100px;
}


还要注意在div中使用了辅助范围，这是为了使文本在div中保持垂直对齐

玩得开心。
你的问题本身在html中错误一行表示一行tr thn你怎么能在同一行中使用tr thn三次。
你的问题本身在html中错误一行表示一行tr thn你怎么能在同一行中使用tr thn三次。
为什么不使用td和嵌套表？如果你依赖浮点，为什么要使用表呢？这是否需要响应？为什么不使用td和嵌套表？如果依赖浮动，为什么要使用表？这是否需要响应？