javascript - 如何保持html表格布局固定

Question

我遇到了 HTML 表格布局问题。我创建了一个 HTML 表单并使用 HTML table 布局表单：

  <form id="form1">
    <table class="ui-widget">
        <tbody>
            <tr>
                <td>
                    <label for="CreateName">Name</label>
                </td>
                <td>
                    <input type="text" id="CreateName" name="Name" />
                </td>
            </tr>
            <tr>
                <td>
                    <label for="CreateDate">Date</label>
                </td>
                <td>
                    <input type="text" id="CreateDate" name="Date" />
                </td>
            </tr>
            .. 
            ...
        </tbody>
    </table>     
   </form>

我在表单字段上插入了 jquery 验证。现在我的问题是当显示验证错误时，整个表格布局都会受到影响。我用了 ：

        table-layout: fixed;

但它仍然无法正常工作。我怎样才能摆脱这个问题？