0

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

现在请进行以下 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 代码：每列标题和行居中对齐，并且具有最小和最大宽度，并且它自身的表具有 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%;
}
4

3 回答 3

4

请注意，您的 CSS 指的是#resulttbl. 您的脚本正在输出一个带有 id 的表格resultbl，因此 100% 宽度不适用于它。

于 2012-05-26T00:33:41.183 回答
1

为什么要搞得这么复杂？只需声明宽度并保留它：

#resulttbl{
    width:100%;
}

如果由于某种原因不起作用，请尝试使用!important. 如果这确实有效，那么另一条规则的优先级高于当前规则。

#resulttbl{
    width:100% !important;
}

更新

曹操是对的。在这一点上，我的回答真的只是很好的建议。

于 2012-05-26T00:32:17.597 回答
1

如何让您的表格宽度 = 100% ？

于 2012-05-26T00:34:56.050 回答