如何将 td 表的控件放在一起

Question

我想将 (td) 的所有控件放在一起，这意味着当我的浏览器的缩放百分比发生变化时，(td) 的所有控件都在一行中

                            <tr>
                                <td>
                                    <input class='required' data-bind='value: ProductName, uniqueName: true ' style="float: left; width: 200px" />
                                    <input class='required' data-bind='value: ProductCode, uniqueName: true' style="float: left; width: 100px" />
                                    <input class='required' data-bind='value: ProductId, uniqueName: true' style="display: none; float: left; width: 100px" />
                                </td>
                                <td> </td>
                                <td> </td>
                                <td> </td>
                                .
                                .
                                .
                                <td> </td>
                           </tr>

缩放正确之前： 缩放不正确后：

请帮助我如何设置控件的样式表，以调整浏览器的缩放而不影响样式。

Answer 1

您是否尝试过以百分比 (100%) 或 ems (em) 等相对单位而不是像素来设置宽度？也许还需要为表格或其容器提供相对大小。