Html 在表格单元格中，同一行高度上的输入和符号是否相邻？

我有一个带有td单元的表格，单元内部是输入元素和符号。它们应该彼此相邻，并且与文本描述的td单元格中的高度相同。以下是我的例子：

.tbl{
宽度：600px；
}

数据验证
表单验证文本描述。表单验证文本描述。表单验证文本描述。表单验证文本描述。
警告
测试说明文本。测试说明文本。测试说明文本。测试说明文本。测试说明文本。

这就是你要找的。我对你的HTML做了一些修改

.tbl{
宽度：600px；
}
.图标{
显示器：flex；
弯曲方向：行；
}

数据验证
表单验证文本描述。表单验证文本描述。表单验证文本描述。表单验证文本描述。
警告
测试说明文本。测试说明文本。测试说明文本。测试说明文本。测试说明文本。

.tbl{
宽度：600px；
}
symboltd先生{
空白：nowrap；
}

数据验证
表单验证文本描述。表单验证文本描述。表单验证文本描述。表单验证文本描述。
警告
测试说明文本。测试说明文本。测试说明文本。测试说明文本。测试说明文本。

我的代码正是我所需要的。唯一的问题是符号在td单元的输入字段下扭曲。我不需要第二排。这是你期望的吗？是的，但是IE不支持display flex。我已经有了那个解决方案。是的，IE会有兼容性问题，但是，现在那些网站很少有针对IE兼容性的，如果你想的话，我也可以为你提供一个IE解决方案并检查链接，这是IE 11的屏幕截图，它似乎工作良好，没有任何问题有办法改变复选框上的垂直高度吗？在您的示例中，复选框位于最底部。我想与符号和文本垂直对齐（位于垂直高度的中心）。糟糕，我不小心编辑了你的代码。请不要批准我的编辑。谢谢。@espresso_coffee，是的，您可以通过添加以下代码垂直对齐这些复选框和图标：.symboltd span{display:inline block；vertical aligne:middle；}