IE 中的 CSS 溢出问题

Question

如果宽度超过线，我无法 overflow hidden 有人知道怎么做吗？

它根本不适用于 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>

Answer 1

将宽度 和高度 属性添加到您的溢出隐藏 <div> .