Javascript 如何设置HTML表的布局，以便在通过JS在中输入值时不会发生更改？

如果我犯了任何错误，请原谅，这是我关于堆栈溢出的第一篇文章！我目前正在做一个项目，从零开始编写2048游戏。为此，我已经用HTML创建了一个表，但是当我通过JS在该表中插入值时，它会在将值插入子单元格时更改行和列的大小，并且我希望无论单元格是否为空，表布局都是固定的。我猜我的CSS文件有点不对劲，但就我的一生而言，我找不到它是什么，而且我在CSS方面也很差劲。我试着在这里寻找答案，比如将表格布局设置为“固定”，但这不起作用。以下是我在HTML中的内容-

$document.readyfunction{ TableInit； }; 函数TableInit{ $btn.clickfunction{ $td.empty.removeClass；//重置表 var rand1=Math.floorMath.random*16//第一个随机单元 $table.findtd.eqrand1.text2.addClasstwos；//将值和类2设置为第一个随机单元 var i=Math.floorMath.random*9；//random用于显示4 10%的时间 如果i==0 val=4； 其他的 val=2； var rand2=Math.floorMath.random*16； 而rand1==rand2//避免rand1和rand2进入同一个单元格 rand2=Math.floorMath.random*16； 如果val==2 $table.findtd.eqrand2.textval.addClasstwos；//将值和类2设置为第二个随机单元 其他的 $table.findtd.eqrand2.textval.addClassfours；//将值和类4设置为第二个随机单元 }; } 身体{ 字体系列：Verdana，日内瓦，塔荷马，无衬线； 背景色：仿古白色； 字体大小：较大； } h1{ 字体大小：40px； } 桌子{ 字体大小：40px； 边界塌陷：塌陷； 表布局：固定； } 运输署{ 边框：15px实心rgb161、110、110； 背景色：柠檬色； 填充：60px； 边际：0px； 字体大小：40px； } .twos{ 背景色：rgb235、185、61； 字体大小：40px； } .四{ 背景色：rgb136,25,25； 字体大小：40px； } .按钮{ 背景色：rgb231、101、14； 边界：无； 颜色：白色； 填充：15px 32px； 文本对齐：居中； 文字装饰：无； 显示：内联块； 字体大小：16px； } 2048 将“高度”和“最大高度”属性设置为相等，并将“宽度”和“最大宽度”属性设置为相等

$document.readyfunction{ TableInit； }; 函数TableInit{ $btn.clickfunction{ $td.empty.removeClass；//重置表 var rand1=Math.floorMath.random*16//第一个随机单元 $table.findtd.eqrand1.text2.addClasstwos；//将值和类2设置为第一个随机单元 var i=Math.floorMath.random*9；//random用于显示4 10%的时间 如果i==0 val=4； 其他的 val=2； var rand2=Math.floorMath.random*16； 而rand1==rand2//避免rand1和rand2进入同一个单元格 rand2=Math.floorMath.random*16； 如果val==2 $table.findtd.eqrand2.textval.addClasstwos；//将值和类2设置为第二个随机单元 其他的 $table.findtd.eqrand2.textval.addClassfours；//将值和类4设置为第二个随机单元 }; } 身体{ 字体系列：Verdana，日内瓦，塔荷马，无衬线； 背景色：仿古白色； 字体大小：较大； } h1{ 字体大小：40px； } 桌子{ 字体大小：40px； 边界塌陷：塌陷； 表布局：固定； } 运输署{ 边框：15px实心rgb161、110、110； 背景色：柠檬色； 填充：60px； 边际：0px； 字体大小：40px； 高度：60px； 最大高度：60px； 宽度：80px； 最大宽度：80px； } .twos{ 背景色：rgb235、185、61； 字体大小：40px； } .四{ 背景色：rgb136,25,25； 字体大小：40px； } .按钮{ 背景色：rgb231、101、14； 边界：无； 颜色：白色； 填充：15px 32px； 文本对齐：居中； 文字装饰：无； 显示：内联块； 字体大小：16px； } 2048

---

试着给你的td设置一个最小宽度和最小高度谢谢你@Taplar但那不起作用谢谢@hev1-我试着按照你的建议做了，还将最小/最大宽度/高度添加到我的二人组和四人组课程中，但不幸的是问题仍然存在：@Glyph你添加了最大高度和最大宽度了吗？是的，很抱歉，我上次评论中忘了提到最大高度，但是我提到了，是的。@Glyph，你发布的代码是你的全部代码？@Glyph，这很奇怪。尝试完全复制我发布的代码。