如何使浏览器调整大小的输入不移动？

-5

我需要你的帮助来解决以下（我已经寻找类似的情况，并尝试了一切，但我不能得到格式化为我想要的）。如何使浏览器调整大小的输入不移动？

现状：

我在PHP创建一个页面，在这里我有一个表格来验证插在我们的数据库中的数据。这种形式有各种输入复选框和文本，它们必须并排。我的问题是，当我调整我的浏览器的这些复选框和文本最终未对齐。

我已经试过的位置是：绝对/相对/固定的，失败的结果改变我的页面的其余部分的格式。

任何人都可以照我如何解决这个情况的一些情况。

谢谢

ps。 http://jsbin.com/jajamuda/1/ - http://codepad.org/il5M6RcJ

来源

2014-03-12 Likwit

http://codepad.org/il5M6RcJ – Likwit

http://jsbin.com/jajamuda/1/ – Likwit

据我了解，你需要它可以使用表中的问题和解决方案，

例如：

<table style="width:500px"> 
    <tr> 
     <td style="width:200px"> 
      Some text 
     </td> 
     <td style="width:300px"> 
      <input /> 
     </td> 
    </tr> 
</table>

那是正确的适合你？如果你可以提供jsfiddle，我也会为你更换HTML。

来源

2014-03-12 09:25:19

我宁愿避免表格，http://codepad.org/il5M6RcJ – Likwit

好吧，您可以使用DIV，固定宽度style =“width： 200px“，它也为你降低了工作量。 JSFiddle会很有帮助:) –

http://jsbin.com/jajamuda/1/ – Likwit

-2

为您的代码在http://codepad.org/il5M6RcJ

我认为你正在使用宽度：为表标签100％，宽度：90％用于TD标签。这是造成问题的原因。请尝试将百分比缩放比例转换为500像素的像素缩放比例。那么您的文本框大小不会改变浏览器宽度。

我希望这将解决。

来源

2014-03-12 09:22:36

这不是OP所谈论的。 – putvande

我也应用了您的建议 – Likwit

如果您的项目在线，您可以发送链接 –

如何使浏览器调整大小的输入不移动？

回答

相关问题