IE中的CSS溢出问题
我有问题,使溢出隐藏,如果宽度超过了线 有人知道怎么做吗 这对IE根本不起作用IE中的CSS溢出问题,css,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:
<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>
身体{
字体系列:Calibri;
字号:12号;
}
table.excel{
边界塌陷:塌陷;
颜色:#000000;
字体大小:400;
字体风格:继承;
文本对齐:左对齐;
垂直对齐:底部对齐;
边框:1px实心#C0C0;
}
.数据单元{
边框:1px实心#C0C0;
}
A.
B
1.
我喜欢吃麦当劳双份奶酪汉堡,我很喜欢!
aa
为溢出隐藏添加宽度和高度属性
我尝试更改最小宽度:160px代码>在div
中的样式为宽度:160px
&它解决了你的问题。你甚至没有溢出:隐藏在任何地方。他在td.datacell>div
中有。我认为它适用于firefox、chrome和safari,但到目前为止它不适用于IE 8。