HTML 固定容器答案

【问题标题】：HTML Fixed ContainerHTML 固定容器
【发布时间】：2010-09-13 10:41:48
【问题描述】：

我创建了一个类似网络应用程序的电子表格，现在需要修复单元格大小，以便单元格内的文本不会增加单元格的宽度或高度。

单元格基本上是具有两列的元素，需要固定，以便每个单元格大小相等。我不在乎文字是否因大量字母而被截断。

【问题讨论】：

【解决方案1】：

也许在单元格上尝试overflow: hidden。

【讨论】：

【解决方案2】：

有max-width 和max-height 来限制CSS 中元素的大小。您可能还想看看overflow: hidden;

【讨论】：

【解决方案3】：

您可以在单元格上尝试以下 CSS：

width: 100px;
max-width: 100px;
min-width: 100px;
overflow: hidden;  // Or scroll if you want the content to be scrollable

【讨论】：

【解决方案4】：

这就是我认为的边界。 At the runtime, when a cell is selected you are creating a black border.所有边框都有填充效果。我建议你设置所选单元格行的高度和宽度减去你的边框宽度。

例如；

考虑一个 100 像素宽的正方形。如果你给这个正方形添加一个 2 px 宽度的边框，它的宽度将自动为 104px。如果你想要一个 100px 宽的正方形的固定视图，你需要设置它的宽度 96px 并添加 2 px 宽度的边框。

希望对你有帮助。

【讨论】：

【解决方案5】：

好的，我自己解决了这个问题，将 div 放入每个 td 并应用以下 CSS。

height: 40px;
min-height: 40px;
max-height: 40px;
overflow: hidden;

无论如何，非常感谢你们的回复。

【讨论】：