如何将TD Tabel的控件保持在一起

我想将(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>

Before zoom is correct : enter image description here After zoom isn't correct : enter image description here

请帮助我如何设置控件的样式表,该控件的大小调整浏览器的缩放比例,而不影响样式。