предотвратить перенос в IE7 / 8 - PullRequest
Новая
       26

предотвратить перенос в IE7 / 8

0 голосов
/ 23 декабря 2011

Я столкнулся с ошибкой IE > TD > white-space:nowrap; и попытался внедрить исправление, описанное во многих местах (включая его), которое должно было переместить white-space:nowrap; в элемент <span> и обернуть содержимое TD впролет

Это, однако, также не работает (по крайней мере, IE7 / 8 может быть IE9 и не заботятся о IE6). здесь - пример моего кода. Имейте в виду, что я включил свой конкретный jQuery для запуска кнопок в затронутой ячейке, и все мои CSS

Ширина ячеек таблицы настроена так, чтобы обойти рост столбцов со страницейесли это проблема, то мое решение состоит в том, чтобы жестко кодировать ширину последнего столбца.Я согласен с этим (однако я хотел бы знать, почему игнорируется пробел)

1 Ответ

2 голосов
/ 23 декабря 2011

white-space: nowrap игнорируется, потому что вы используете :last-child в селекторе CSS: 

.data-table th, .data-table td:last-child span {
    white-space: nowrap;
    text-align: center;
}

IE8 и ниже не поддерживают этот селектор.

Редактировать

Чтобы предотвратить перенос в IE7 / 8, вы можете назначить класс последней ячейке таблицы или изменить CSS, чтобы сосредоточиться на всех промежутках в таблице:

Все теги диапазона: 

.data-table th, .data-table td span {
    white-space: nowrap;
    text-align: center;
}

JSFiddle: http://jsfiddle.net/F826J/2/

Использование класса: 

.data-table th, .data-table td.last span {
    white-space: nowrap;
    text-align: center;
}

<table>
    <tr>...</tr>
    ....
    <tr class="last">...</tr>
</table>

JSFiddle: http://jsfiddle.net/F826J/3/

...