Переполнение: авто не работает в Firefox

у меня есть таблица. Его <td> есть overflow: auto.

ширина установлена на 100px. В только в Firefox текст, который превышает 100 Пикс.не скрыто и заменено полосой прокрутки.

Как скрыть содержимое и иметь полосу прокрутки, когда она превышает ширину контейнера?

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

7
css firefox html html-table overflow

2 ответов

этот вопрос здесь может решить вашу проблему.

nickb ответ: "попробуйте обернуть его в <div>. Я уверен, что атрибут overflow не определен для <td> элемент, по крайней мере, в HTML4 это не так."

попробуйте поставить свой overflow:auto до wrapper надеюсь, это поможет вам

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

работающего демо

4

более простой способ сделать это - добавить это в 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>
1