具有表格单元格高度问题的 HTML 表单答案

【问题标题】：HTML form with table cell height problem具有表格单元格高度问题的 HTML 表单
【发布时间】：2010-04-14 20:39:50
【问题描述】：

我有几个这样的表格：

<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;
    }

问题是单元格的高度......在所有浏览器中并不相同...... 有什么解决办法吗？

【问题讨论】：

标签： html css

【解决方案1】：

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

【讨论】：

谢谢，这只是帮助我解决了几个小时以来一直存在的问题！

【解决方案2】：

在进行任何 css 更改之前，将边距和填充设置为 0，然后根据需要进行更改。还将 line-height 设置为 1em。

【讨论】：

我有 * {margin: 0; padding:0;} 无济于事:( textarea 的行高？我会的......它会有一个类似的东西，这就是我指定它的原因。