Question

如果宽度超过线条，我有问题要隐藏溢出有谁知道怎么做？

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

将 width 和 height 属性添加到 overflow-hidden <div>。

Answer 2

我尝试将min-width:160px;的{{1}}样式更改为div＆amp;它解决了你的问题。

IE中的CSS溢出问题

2 个答案: