html 表格宽度自动换行,html – 使用CSS创建特定宽度的表格单元格,没有自动换行...

在涉及的项目中,我需要使用特定宽度的列来呈现表,每个表行只有一行HTML行(没有换行).我需要每个表格单元格在顶部和底部填充1个像素,在左侧和右侧填充2个像素.我能想出的跨浏览器的最佳方法是以这种方式将div放在表内的td中：

table.grid { border: none; border-collapse: collapse; }

table.grid tbody tr td { padding: 1px 2px; }

table.grid tbody tr td div { overflow: hidden; white-space: nowrap; }

table.grid tbody tr td.one { width: 100px; }

table.grid tbody tr td.two { width: 200px; }

One	Two
Another One	Another Two

我希望能够消除添加额外div的需要.我花了很多时间在谷歌搜索这个问题,但找不到替代方案.

有没有办法做我需要的东西而不需要添加额外的div？如果那么,它是什么？

有没有办法在不使用表的情况下获得所需的结果？