html - 表单在 Firefox 中看起来不错，但在 Chrome 中看起来很乱

Question

请看附图。第二张图片来自 Firefox，看起来不错，第一张来自 Chrome，很乱。

我有标签和输入字段的任何地方，在 Chrome 中都会变得困惑。

两者具有完全相同的代码。

    <tr>
       <td class='sale-label-req'>First Name *</td>
       <td class='sale-label-req'><input type='text' name='Contact0FirstName' value='<?=$_POST['Contact0FirstName']?>'></td>
    </tr>
    <tr>
       <td class='sale-label-req'>Last Name *</td>
       <td class='sale-label-req'><input type='text' name='Contact0LastName' value='<?=$_POST['Contact0LastName']?>'></td>
    </tr>

举个例子。

Answer 1

通常，<td>将水平呈现:

+--------------+------------+
| First Name*  | [_________]|
+--------------+------------+

这在 Chrome 和 FF 中都是如此。由于 FF 将其呈现为

+--------------+
| First Name*  |
+--------------+
| [_________]  |
+--------------+

这要么是不同的代码，要么是有一个 CSS 以 Chrome 无法理解的方式处理 FF 的表数据标签 - 反之亦然。

检查原始 HTML 和包含的 CSS，在两个浏览器上使用 firebug 和开发人员工具来查看实际应用于这些元素的内容