html - オーバーフロー: Firefox で auto が機能しない

Question

私はテーブルを持っています。その<td>持っていoverflow: autoます。

幅は100pxに設定しています。Firefox のみ、100px を超えるテキストは非表示にならず、スクロールバーに置き換えられます。

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

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

Answer 1

これを行う簡単な方法は、これをHtmlに追加することです

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

そしてこれをCSSに

div {
    overflow:auto;    
}

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

作業例:

    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>