2012-02-23 113 views
0

你好傢伙我試圖設置一個最大寬度和高度,以便當我的數據在我的單元展開它不會超過這個大小....似乎並不工作HTML最大寬度和高度在IE中不起作用

/*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> 
+0

你應該發佈你生成的HTML並告訴我們什麼版本的IE – 2012-02-23 19:33:03

+0

什麼版本的IE? – Jrod 2012-02-23 19:33:51

+0

IE8 .............. – 2012-02-23 19:34:57

回答

2

我想你會需要告訴IE如何處理溢出,即overflow:hidden

如果您喜歡,您也可以嘗試使用text-overflow:ellipsis來表明文本已被剪輯。

+0

我該怎麼做......從來沒有用過溢出 – 2012-02-23 19:38:05

+0

它的尺寸很好......但是當我得到大量的數據時,單元變得太大了。 ..我只是想知道它得到的寬度是多少 – 2012-02-23 19:39:56

+0

:)這是另一個CSS屬性,你用'max-width'將它放入你的CSS中。 – 2012-02-23 19:50:38

1

首先要注意的是舊版本的IE不支持最大寬度/高度。新版本應該沒問題。

其次,它取決於單元格的內容。如果內容必須超過最大寬度/高度約束以顯示自身,那麼它會。如果它不合適,它不會嘗試切斷圖像的結尾,像李建議那樣可以在這種情況下使用溢出。如果它是運行超過最大限制的文本,那麼你可以使用css來包裝它。

相關問題