Question

我有几种形式：

<table  width="100%" border="0" cellpadding="0" cellspacing="0" class="table_std">

        <tr id="exam_String_newValue_row">
          <td width="150" class="table_defaultHeaderColumn">Προκαθορισμένη Τιμές</td>
          <td width="802" class="table_defaultHeaderColumn" >
            <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
          </td>
        </tr>
        <tr>
          <td width="150" class="table_defaultHeaderColumn">Διάγνωση - Αληθής</td>
          <td width="802">
            <input name="Exam_String_value" type="text" style="width:600px" id="textfield2" />
         </td>
        </tr>
        <tr>
          <td width="150" class="table_defaultHeaderColumn">Διάγνωση - Ψευδής</td>
          <td width="802">
            <input name="Exam_String_value" type="text" style="width:600px"  id="textfield2" />
         </td>
        </tr>
      </table>

CSS

  .table_defaultHeaderColumn {
        font-size: 11px;
    }
    .input_std {
        width: 200px;
    }
    .input_small {
        width: 4em;
    }

    .table_std {
        border-collapse:collapse;
    }
    .table_std td {
        padding-top: 1px;

        padding-bottom: 1px;
    }

问题是细胞的高度......在所有浏览器中都不相同...... 任何解决方案？

Answer 1

我找到了原因...... 解决方案是将垂直对齐设置为中间

Answer 2

在进行任何css更改之前，请将margin和padding设置为0，然后根据需要进行更改。同时将line-height设置为1em。

带有表格单元格高度问题的HTML表单

2 个答案: