html - 如何保持 table 100％宽？

我有一个可以访问here的应用程序。当您打开应用程序时，只需单击加号按钮，您将看到一个带有搜索栏的模态窗口。

现在，请执行以下2个搜索：

搜索1：AAA

搜索2：AAE

您会看到，在AAE搜索中，表格变为其整个宽度很大，但是如果进行AAA搜索，则表格的宽度要小得多。

我希望表格的宽度始终固定为100％（不希望表格变小），但是我不知道该怎么做。

如何在下面固定代码以满足要求？

下面是回显该表的php代码：

     $output = "";
$output .= "
    <table border='1' id='resultbl'>
      <tr>
      <th id='questionth'>Question</th>
      <th id='optiontypeth'>Option Type</th>
      <th id='noofanswersth'>Number of <br/> Answers</th>
      <th id='answerth'>Answer</th>
      <th id='noofrepliesth'>Number of <br/> Replies</th>
      <th id='noofmarksth'>Number of <br/> Marks</th>
      </tr>
";
        while ($questionrow = mysql_fetch_assoc($questionresult)) {
$output .= "
      <tr>
      <td id='questiontd'>{$questionrow['QuestionContent']}</td>
      <td id='optiontypetd'>{$questionrow['OptionType']}</td>
      <td id='noofanswerstd'>{$questionrow['NoofAnswers']}</td>
      <td id='answertd'>{$questionrow['Answer']}</td>
      <td id='noofrepliestd'>{$questionrow['ReplyType']}</td>
      <td id='noofmarkstd'>{$questionrow['QuestionMarks']}</td>
      </tr>";
        }
        $output .= "        </table>";

        echo $output;

以下是完整的CSS代码：Evey列标题和行的中心对齐，并且具有最小和最大宽度，表格本身具有的最小和最大宽度为100％：

#questionth{
    min-width:35%;
    max-width:35%;
    text-align:center;
}

#optiontypeth{
    min-width:15%;
    max-width:15%;
    text-align:center;
}

#noofanswersth{
    min-width:10%;
    max-width:10%;
    text-align:center;
}

#answerth{
    min-width:20%;
    max-width:20%;
    text-align:center;
}

#noofrepliesth{
    min-width:10%;
    max-width:10%;
    text-align:center;
}

#noofmarksth{
    min-width:10%;
    max-width:10%;
    text-align:center;
}

#questiontd{
    min-width:35%;
    max-width:35%;
    text-align:center;
}

#optiontypetd{
    min-width:15%;
    max-width:15%;
    text-align:center;
}

#noofanswerstd{
    min-width:10%;
    max-width:10%;
    text-align:center;
}

#answertd{
    min-width:20%;
    max-width:20%;
    text-align:center;
}

#noofrepliestd{
    min-width:10%;
    max-width:10%;
    text-align:center;
}

#noofmarkstd{
    min-width:10%;
    max-width:10%;
    text-align:center;
}

#resulttbl{
    min-width:100%;
    max-width:100%;
}

最佳答案

请注意，您的CSS是指#resulttbl。您的脚本正在输出ID为resultbl的表格，因此100％的宽度将不适用于该表格。

关于html - 如何保持 table 100％宽？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10762738/