如何减小更长的单元格宽度

时间:2010-09-24 13:55:55

标签: css xhtml html-table

我在Excel工作表中生成Html,整个表格很好,除了 两个细胞要宽得多。如何减小这些单元格的宽度。我试过改变 宽度和一切但没有用。它在Html表上运行良好。在Excel电子表格上,它看起来不同。

3 个答案:

答案 0 :(得分:2)

嗯,Ubuntu 10.04上的Chrome v6.0.472.62和Firefox 3.6.10允许:

th, td {width: 7em; max-width: 8em; }

max-width似乎是重要的部分,阻止细胞生长。如果您不希望单元格将内容包装在定义的white-space: nowrap中,width也很重要。

jsbin.com有一个演示,我没有隐藏溢出单元格上的溢出,故意让你看到它有效,虽然在实际使用中你需要找出一些方法显示单元格的实际内容,而不会遮挡其邻居的内容。

答案 1 :(得分:0)

由于它是一个HTML表格,只有两个单元格不能大。它要么整整一行,要么整整一列。

如果是这种情况,则尺寸最适合基于这些单元格的内容。因此,width属性不会生效。如果wordwrap没有帮助,单独更改该确切单元格的字体大小可以帮助您。

答案 2 :(得分:0)

要检查的其他内容:确保每行输出正确数量的单元格,并仔细考虑行/列跨度。如果你错过了某个地方,整个事情就会变得棘手。