當在瀏覽器中放大時使表格單元格可縮放

我想格式化表格中的表格，兩者都在表單內。這裏的HTML代碼：當在瀏覽器中放大時使表格單元格可縮放

<!DOCTYPE html> 
<html> 
<head> 
<style> 
fieldset{width:90%;} 
table {width:100%;border-collapse:collapse;} 
table,td {border:1px solid black;} 
td.abc {width:40%;} 
</style> 
</head> 
<body> 
<form> 
    <fieldset> 
     <legend>Text Text</legend> 
     <table> 
     <tr> 
      <td> Text </td> 
      <td class="abc"> 
       <input size='25' type="text"/> 
       <select> 
        <option>Text text text</option> 
        <option> Text </option> 
       </select> 
      </td> 
      <td> 
       Text text 
      </td> 
     </tr> 
     <tr> 
      <td> Text </td> 
      <td class="abc"> 
       <input size='25' type="text"/> 
       <select> 
        <option>Text text text</option> 
        <option> Text </option> 
       </select> 
      </td> 
      <td> 
       Text text 
      </td> 
     </tr> 
     </table> 
    </fieldset> 
</form> 

</body> 
</html>

我的問題是我怎麼能做出一個文本輸入和選擇停留，當我在瀏覽器縮放同一行（按點擊率和+鍵）.Thanks提前！

來源

2012-10-31 crazy_in_love

忘記表，使用DIV。這是解決問題的唯一方法。

來源

2012-10-31 13:19:52

我試着使用div和我的問題解決了:)你提醒我關於表的目的：它不用於設計，它用於顯示數據:)非常感謝你的幫助！ –

非常歡迎@crazy_in_love –

我會同意Sandeep - 我一直有表格的麻煩，而是去了@HTMLhelpers與標籤和CSS格式。我有放大，爲老人們一個很好的功能沒有問題，視障等

這是類似於你想要一個字段做一個接觸網頁摘要：

<fieldset> 
    <legend>Contact</legend> 

<div class="editor-label"> 
    *@Html.LabelFor(model => model.FirstName) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.FirstName) 
    @Html.ValidationMessageFor(model => model.FirstName) 
</div> 

<div class="editor-label"> 
    *@Html.LabelFor(model => model.LastName) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.LastName) 
    @Html.ValidationMessageFor(model => model.LastName) 
</div> 

<div class="editor-label"> 
    *@Html.LabelFor(model => model.EmailAddress) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.EmailAddress) 
    @Html.ValidationMessageFor(model => model.EmailAddress) 
</div> 
    <input type="submit" value="Submit" /> &nbsp; 
    <input type="reset" value="Reset" /> 

</fieldset>

來源

2012-10-31 13:27:58 djmarquette

感謝您的依賴。我非常感謝你的幫助！ –

謝謝djmarquette。 –

當在瀏覽器中放大時使表格單元格可縮放

回答

相關問題