HTML表格：需要

只有当在TD水平滚动我有一个表如下：HTML表格：需要

<table cellpadding="2" cellspacing="0" > 
<tr> 
<td>Contact: </td> 
<td width="100px"><div style="overflow-x:scroll; width:100px">[email protected]</div> 
</td> 
</tr> 
</table>

这段代码显示在邮件细胞的水平滚动。

当电子邮件是一个短像[email protected]滚动显示，但因为不需要它，它未启用，并在电子邮件较长假设

[email protected]

滚动使您可以看到整个电子邮件。

这很好，但我需要的是当电子邮件是短的时候不显示滚动条。

我该怎么做？

我已经试过：

overflow-x:auto;

而且它不会显示滚动当一个简短的电子邮件，但是当电子邮件是一个漫长的，它只是削减它没有滚动的。 我认为这是因为电子邮件中没有空格。

来源

2012-03-14 user523129

你正在使用哪种浏览器。这对我来说在Chrome中运行良好。我会说你应该尝试'overflow：auto'来代替，因为它与IE兼容（如果这是你正在使用的） – Andrew 2012-03-14 09:18:05

是的'溢出：auto'与所有主流浏览器一起工作。 – anothershrubery 2012-03-14 09:21:44

创建一个复制你的问题的小提琴 – Starx 2012-03-14 09:23:00

通过定义overflow-x: scroll要表示一个滚动条显示不管是什么魅力（IE9）。您可以使用overflow-x:auto。这里是一个工作demo

来源

2012-03-14 09:20:07 Starx

相信与否，问题是由影响表的字体大小引起的。只要我删除字体大小滚动自动工作..我感到困惑 – user523129 2012-03-14 09:54:27

作品像

<table cellpadding="2" cellspacing="0" > 
    <tr> 
    <td>Contact: </td> 
    <td width="100px"><div style="overflow:auto; width:100px">[email protected]</div> 
    </td> 
    </tr> 
</table>

http://jsfiddle.net/fUW4s/1/

来源

2012-03-14 09:19:12 Dementic

HTML表格：需要

回答

相关问题