Javascript 如何设置表格的宽度td width

我希望表格单元格的宽度分别为60%、20%和20%，我使用jquery，我添加了内联样式，如下所示。我尝试将显示属性设置为未设置，然后将其设置为表

让$cell00=$.appendTo$row22.css{width:60%}

他们似乎没有任何影响，他们似乎在33%，33%和33%的情况下

如何获得宽度为60%、20%和20%的td

功能主测试{ 表1； 添加类； } 功能表1{ 添加类； 设h1=$.htmlBorrowed功能：.propclass，underline.appendToBorrowedTable； 设$table1=$.attr{id:borrowed}.appendToBorrowedTable； 让$row11=$.appendTo$table1； 让header1=$.textFeature.appendTo$row11.css{width:60%}； 让header12=$.textreatdate.appendTo$row11.css{width:20%}； 让$header22=$.appendTo$row11.css{width:20%}； $'returnall Now'。附加到$header22.css{bottom:20px，position:relative}； 对于i=0；i<3；i++{ 将$row22=$.appendTo$table1； 让$cell00=$.appendTo$row22.css{width:50%}； 让$autocomplete12=$.attr{id:selector+i+1，class:ColorInput}.appendTo$cell00； 让$cell11=$.appendTo$row22.css{width:20%}； 让$autocomplete22=$.attr{id:date+i+1，class:ColorInput}.appendTo$cell11； 让$cell22=$.appendTo$row22.css{width:20%}； 让$autocomplete33=$Return Now.attrid，returnBtns+i+1.appendTo$cell22.css{bottom:20px，position:relative}； } } 函数addClasses{ 设tableRows=$'tr'.addClass'tableRows'； 设tableDefn=$'td'.attr{class:tableDefn}； 让tableHeader=$'th'.attr{class:tableHeader}； 让tbodyDOM=$'tbody'.attr{class:tbodyDOM}； } 按钮div{ 高度：未设置！重要； 宽度：50%； 位置：相对位置； 左：50px！重要； 底部：0px！重要； 背景色：木瓜鞭！重要； } 可借用的，可借用的{ 显示：flex！重要； 弯曲方向：立柱； 身高：适合的内容！重要； } 借来的，可借来的{ 显示：未设置！重要； 边界塌陷：塌陷； 边框间距：未设置！重要； 左边距：100px； } 可借用的.COLORINPUT{ 背景色：桑迪布朗； } 可借用表格，.creamcolorInput，按钮div{ 背景色：木瓜鞭； } .tableRows、.tableDefn、.tableHeader{/*是从addClasses添加的*/ 填充：0； 保证金：0； 字体系列：ffunit； 字体大小：14px； 字体大小：粗体； 右边填充：50px！重要； } 钮扣{ 高度：36px； 宽度：205px； 光标：指针； 边框：实心1px； 背景色：f2a900； 字体系列：ffunit； 字体大小：14px； 边缘顶部：20px； 左边距：1px； } 输入{ 高度：30px； 宽度：100%； 字体大小：20px； 文本缩进：6px； }

---

看来你已经准备好了

display:flex;

---

在桌子上。取而代之的是，不要在表上设置显示，并以百分比或像素为单位给它一些宽度。在此之后，如果您将宽度的百分比指定给td，那么它应该可以工作。

问题在于您在子输入元素上设置了宽度：250px。由于它们不能被拆分为多行，因此它们的宽度迫使父td变宽。最后一列中的按钮也是如此。感谢Rory McCrossan，我是否从输入元素中删除了width属性，我仍然没有看到更改。删除它将使用默认宽度，这仍然太宽。我建议将它们设置为100%宽度。这将填满整个td宽度。感谢Rory McCrossan，我可以看到td宽度被改变，如果我设置50%、20%和20%，我可以看到改变。第一个似乎是50%，但第二个和第三个div似乎是不变的60%，40%和40%似乎不起作用，我添加了一个图像，我试图获得这个layoutHi Santhosh，如果我从表中删除display:flex，它只会改变整个布局设置display:inline block；关于运输署。确保使用合适的衬垫。我看到您对row和td都应用了填充。我可以是他们中的任何一个。