CSS Overflow issue in IE
I having problem to make the overflow hidden if the width is over the line anyone know how to do it?
It does not work for IE at all.
<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;"> </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>
Add width and height attributes to your overflow-hidden <div>
.
I try changing min-width:160px;
in div
's style to width:160px;
& it solved your problem.
精彩评论