将单元格大小设置为不超过特定宽度和高度

Question

我原本对单元格的宽度和高度进行了硬编码。但我们反对这一点。现在，我希望它的行为如此，缩小和扩大，但一旦达到一定的宽度就停下来。

<table align="center" class="data_extract vert_scroll_table" > 
       <tr> 

        <c:forEach var="heading" items="${results.headings}"> 

         <th class="data_extract">${heading}</th> 

        </c:forEach> 
       </tr> 
       <c:forEach var="row" items="${results.data}"> 
        <tr> 
         <c:forEach var="cell" items="${row}" varStatus="rowStatus"> 
          <td class="data_extract"> 
           <c:choose> 
            <c:when test="${results.types[rowStatus.index].array}"> 
            <c:set var="comma" value="," /> 
             <c:forEach var="elem" items="${cell}" varStatus="cellStatus"> 
              <c:set var="myVar" value="${cellStatus.first ? '' : myVar} ${elem} ${cellStatus.last ? '' : comma}" /> 
             </c:forEach> 
             <span class="mouseover_text" title="${myVar}">${myVar}</span> 
            </c:when> 
            <c:otherwise> 
             ${cell} 
            </c:otherwise> 
           </c:choose> 
          </td> 
         </c:forEach> 
        </tr> 
       </c:forEach> 
       </table> 

CSS：

table.data_extract 
{ 

border: 2px gray solid; 
border-collapse: collapse; 
} 

td.data_extract, 
th.data_extract, 
table.data_extract td, 
table.data_extract th 

{ 

text-align: center; 
font-size: 7.5pt; 
white-space: normal; 


} 

Answer 1

将max-width: {whatever width you want}和min-width: {whatever width you want}添加到您的td.data_extract规则中。

Answer 2

你可以使用CSS最小宽度和最小高度性能

http://www.w3schools.com/cssref/pr_dim_min-width.asp

http://www.w3schools.com/cssref/pr_dim_min-height.asp