instresting的博客

原创 在ul，li遍历形成的表格中，通过输入行值和列值，设置表格的布局

列值滚动条，由于在 ul 中，使用 display:flex 布局使所有 li 位于一行中，无论通过遍历产生了多少个 li，都会自动设置 width 值填满 ul；行列值变化，会存储到布局对象参数中，设置完成，点击确认修改按钮，会通过布局对象参数中存储的值，重新设置 ulList 和 liList，并设置对应的 ul 宽高。此处涉及一个最大行值 maxRow 和最大列值 maxColumn，代表页面可直接显示的最大的行值和列值，若设置的行值或列值大于最大行值和列值，会出现滚动条。形成的表格布局如下图。