Javascript HTML表格：仅在需要时在td中水平滚动

我有一张桌子，上面有：

<table  cellpadding="2" cellspacing="0" > 
<tr>
<td>Contact: </td>
<td width="100px"><div style="overflow-x:scroll; width:100px">ee@yahoo.com</div>
</td>
</tr>
</table>

当一封短邮件出现时，它不会显示滚动条，但当一封长邮件出现时，它只会将其剪切，而不会显示滚动条我认为这是因为电子邮件中没有空格

就像一个符咒（IE9）

联系人：
ee@yahoo.com 

---

通过定义

overflow-x:scroll

可以指示滚动条在任何情况下都会出现

---

您应该使用

overflow-x:auto

。这是一个正在使用的浏览器。这在chrome上对我来说很好。我想说你应该试试

overflow:auto

，因为它与IE兼容（如果你使用的是IE的话）。是的

overflow:auto

适用于所有主要浏览器。创建一个复制你的问题的小提琴实际上也是

overflow-x:auto

信不信由你，该问题是由影响表格的字体大小引起的。一旦我删除字体大小，滚动自动工作。。我很困惑

overflow-x:auto;

<table cellpadding="2" cellspacing="0" >  
    <tr> 
    <td>Contact: </td> 
    <td width="100px"><div style="overflow:auto; width:100px">ee@yahoo.com</div> 
    </td> 
    </tr> 
</table>