將單元格大小設置爲不超過特定寬度和高度

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