Firefox正确显示表时​​没有显示表

Question

以下是不应在firefox中显示的表格开头部分的代码

<FORM Name='Main' METHOD=POST><!--    DISPLAY PAY PERIOD DETAIL WEEKLY VIEW --><span align='center' id='spanDetails'
                                                                                     style='display:none'><TABLE
        align='center' BORDER=1 CELLPADDING=4 CELLSPACING=0 CLASS=cTable>
    <TR>
        <th CLASS=TH1 align='center' valign='top' colspan='6'>Pay Period Detailss</th>
        <th CLASS=TH1 align='center' valign='top'>
            <style type="text/css">.myLayersClass {
                position: relative;
                display: table;
            }</style>
            <span id='spanHideDetails' class='myLayersClass' style='display: table'><a
                    href='javascript:if (typeof(document.forms["Main"]["showtb"])=="object"){ SetDetailSpanStatus(document.forms["Main"]["showtb"],0);}ToggleDisplay("spanDetails", "");javascript:ToggleDisplay("spanPPDates", "TsLinks");'>Hide</a></span>
        </th>
    </tr>
    <tr>
        <TH ALIGN='center' valign='center'>Date</TH>
        <TH ALIGN='center' valign='center'>Duration</TH>
        <TH ALIGN='center' valign='center'>Title Code/<br>Pay Code</TH>
        <TH ALIGN='center' valign='center'>Project/<br>Enterprise Project</TH>
        <TH ALIGN='center' valign='center'>FAU Title/<br>Shift</TH>
        <TH ALIGN='center' valign='center'>Message</TH>
        <TH ALIGN='center' valign='center'>View</TH>
    </tr>
    <tr CLASS='bottom'>

Answer 1

它可能只与<span> display: none;有关，而<table>在整个表格周围包裹了。

浏览器之间出现意外行为的原因通常是由无效HTML 引起的。在HTML5以外的所有HTML版本中，<span>位于<span>内无效。因此，有些浏览器会接受它，有些浏览器会将表格从<div>中拉出来，留下一个空的，不可见的跨度，并在其外面放一个大表。

结论：

• 使用{{1}}
• 验证您的HTML。