Css 动态表格宽度不小于';我不能适当地调整

Css 动态表格宽度不小于';我不能适当地调整,css,html-table,width,contenteditable,nested-table,Css,Html Table,Width,Contenteditable,Nested Table,我正在尝试用HTML表(和嵌套表)构建一个系谱树。最终,用户应使用contenteditable对其进行编辑,嵌套单元格应相应调整大小 然而,让我感到不解的是,当我编辑单元格时,它们的大小调整得太快太多。为什么会这样 外面的桌子控制着一切,所以尺寸是固定的 table-layout:fixed; 另一方面,嵌套的表格单元格仅通过 margin:auto; 每个单元格的宽度都是通过百分比单独设置的,在编辑之前看起来很完美。之后就不是这样了 这里演示 尝试编辑父单元格或母单元格 我知道这是一个“

我正在尝试用HTML表(和嵌套表)构建一个系谱树。最终,用户应使用contenteditable对其进行编辑,嵌套单元格应相应调整大小

然而,让我感到不解的是,当我编辑单元格时,它们的大小调整得太快太多。为什么会这样

外面的桌子控制着一切,所以尺寸是固定的

table-layout:fixed;
另一方面,嵌套的表格单元格仅通过

margin:auto;
每个单元格的宽度都是通过百分比单独设置的,在编辑之前看起来很完美。之后就不是这样了

这里演示 尝试编辑父单元格或母单元格

我知道这是一个“修复我的代码”的问题,但任何帮助都是感激的