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表格：需要

回答

相關問題