2013-05-01 18 views
7

私はテーブルを持っています。その<td>overflow: autoです。オーバーフロー:Firefoxで自動機能しない

幅は100pxに設定されています。 Firefoxではで、100pxを超えるテキストはではなく、であり、スクロールバーで置き換えられています。

コンテナの幅を超えるとコンテンツを非表示にしてスクロールバーを表示するにはどうすればよいですか?

http://jsfiddle.net/be6tM/10/

答えて

3

hereからこの質問は多分あなたの問題

nickb答えを解く:は「<div>でそれをラップ試してみてください。私は、少なくともHTML4にそれはないですが、オーバーフロー属性が<td>要素のために定義されていないかなり確信している。」

これはあなたの作業

pre, div { 
    width:100%; 
    overflow: auto !important; 
} 

助けることができるwrapper希望のおoverflow:autoを配置しようdemo

1

CSS

div { 
    overflow:auto;  
} 

td { 
    border: 1px solid rgb(0,0,0); 
    min-width: 100px; 
    max-width: 100px; 
} 

実施例にHtmlの

<td class="first"> 
    <div>Don ovonMrLongNameIsMe!!!</div> 
</td> 

とこれにこれを追加することですこれを行うための簡単な方法:

div { 
 
     overflow:auto;  
 
    } 
 

 
    td { 
 
     border: 1px solid rgb(0,0,0); 
 
     min-width: 100px; 
 
     max-width: 100px; 
 
    }
<table>  
 
    <tr> 
 
    <td class="first"> 
 
     <div>Don ovonMrLongNameIsMe!!!</div> 
 
    </td> 
 
    </tr> 
 
</table>

+1

これは動作しません、フィドルでそれを試してください。 –

+0

答えを更新しました、あなたのために働く! –

関連する問題