在IE中的CSS溢出問題

我有問題，使溢出隱藏，如果寬度超過任何人都知道如何做到這一點？在IE中的CSS溢出問題

它根本不適用於IE。

<style type="text/css"> 
body{ 
    font-family:Calibri; 
    font-size:12pt; 
} 
table.excel { 
    border-collapse:collapse;  
    color:#000000; 
    font-weight:400; 
    font-style:inherit; 
    text-align:left; 
    vertical-align:bottom; 
    border:1px solid #C0C0C0; 
} 

.datacell { 
    border: 1px solid #C0C0C0; 
} 
</style> 

<table class="excel" width="194px"> 
    <tr> 
     <td style="width:30px;">&nbsp;</td> 
     <td style="width:64px;">A</td> 
     <td style="width:100px;">B</td> 
    </tr> 
    <tr> 
     <td style="height:50px;">1</td> 
     <td class="datacell" style="max-width:64px;"> 
      <div style="float:left;min-width:160px;white-space: nowrap; overflow: hidden; position:relative;background-color:#FFFFFF;">I like to eat McDonalds double<br>cheese burger, i am lovin it!</div> 
     </td>   
     <td class="datacell">aa</td> 
    </tr> 
</table>

來源

2011-08-18 Mah Jin Khai

你甚至沒有'overflow：hidden'在那裏的任何地方。 –

他在'td.datacell> div'中。 –

添加寬度和高度屬性您溢出隱藏<div>。

來源

2011-08-18 06:18:34

我認爲它適用於firefox，chrome和safari，但它迄今爲止不適用於IE 8。 –

我嘗試在div的風格改變min-width:160px;到width:160px; &它解決您的問題。

來源

2011-08-18 06:35:18

在IE中的CSS溢出問題

回答

相關問題