HTML의 최대 너비와 높이가 IE에서 작동하지 않습니다.

Question

안녕하세요 여러분, 내 셀의 데이터가 확장되면 크기가 지나치지 않습니다 ........ 작동하지 않는 것 같습니다.

/*styling for Data Extraction tool. */ 
table.data_extract 
{ 

border: 3px DarkGray solid; 
border-collapse: collapse; 

} 

td.data_extract, 

table.data_extract td 
{ 
border-color : DarkGray; 
border-style : groove; 
border-width : thin; 
border: #000000 1px solid; 
text-align: center; 
font-size: 7.5pt; 
white-space: normal; 
max-width: 125px; 
max-height: 75px; 
background-color:#FFFFFF; 
padding-left: 4px; 
padding-right: 4px; 

} 

table.data_extract th 
{ 
border: #000000 1px solid; 
    background-color:#DDDDD0; 
    text-align: center; 
font-size: 8.5pt; 

padding: 10px; 

} 

HTML :

<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> 
            <c:choose> 
            <c:when test="${cell.class.name eq 'java.sql.Timestamp' }"> 
            <fmt:formatDate value="${cell}" pattern="${date_pattern}" /> 
            </c:when> 
            <c:otherwise> 
            ${cell} 
            </c:otherwise> 
           </c:choose> 
            </c:otherwise> 
           </c:choose> 
          </td> 
         </c:forEach> 
        </tr> 
       </c:forEach> 
       </table> 

Answer 1

난 당신이, 오버플로, 즉 overflow:hidden 수행 할 작업 IE를 말할 필요 해요 생각합니다.

원한다면 text-overflow:ellipsis으로 재생하면 텍스트가 잘린 것으로 표시 될 수도 있습니다.

Answer 2

IE의 이전 버전은 최대 너비/높이를 지원하지 않습니다. 최신 버전도 괜찮을 것입니다.

두 번째로 셀의 내용에 따라 다릅니다. 내용이 최대 너비/높이 제약을 지나서 자신을 표시해야하는 경우에는 내용이 표시됩니다. 이미지의 끝 부분을 잘라내거나 잘라 내지 않으며 이미지가 맞지 않을 경우 Lee가 제안한 것과 같이 오버 플로우를 사용할 수 있습니다. 최대 제약 조건을 초과하여 실행되는 실행 텍스트 인 경우 CSS를 사용하여 포장 할 수 있습니다.