Question

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

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

Answer 1

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

Answer 2

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

Answer 3

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

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

Answer 4

我认为这是关于边界的。在运行时，选择单元格时，您将创建黑色边框。所有边框都有填充效果。我建议你设置所选单元格行的高度和宽度减去边框宽度。

例如;

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

我希望它有所帮助。

Answer 5

好吧，我通过在每个td中放入div并应用以下CSS来解决问题。

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

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