如何使瀏覽器調整大小的輸入不移動？

-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

如果您的項目在線，您可以發送鏈接 –

如何使瀏覽器調整大小的輸入不移動？

回答

相關問題