CSS проблема фиксированной высоты и переноса слов - PullRequest
Новая
       24

CSS проблема фиксированной высоты и переноса слов

1 голос
/ 04 февраля 2012

У меня есть таблица, закодированная как показано ниже: 

<table style="table-layout:fixed">
<tr>
    <td class="htTd" width="100" style="word-wrap:break-word">someDynamicLongtextsomeLongtextsomeLongtextsomeLongtextsomeLongtextsomeLongtextsomeLongtextsomeLongtext</td>
    <td class="htTd" width="100" style="word-wrap:break-word">someLongtextsomeLongtextsomeLongtext</td>
</tr>
<tr>
    <td class="htTd" width="100" style="word-wrap:break-word">someContentsomeContentsomeContent</td>
    <td class="htTd" width="100" style="word-wrap:break-word">someContent</td>
</tr>
</table>

В CSS у меня есть 

htTd{height:30px}

Теперь проблема в том, что, поскольку контент является динамическим (исходящим из JSP),длинный текст неправильно переносится в IE.В IE он как бы отображает 2 строки и просто скрывает остальное содержимое.В Firefox он корректно переносится.

Хотя проблему можно решить, просто удалив атрибут высоты из CSS ... К сожалению, я не могу этого сделать, поскольку мой CSS используется во многих других файлах и, следовательно, я не могу изменитьCSS.

Как исправить проблему, добавив в CSS любой другой атрибут CSS?

Ответы [ 2 ]

1 голос
/ 04 февраля 2012

Я считаю, что атрибутом должно быть слово-брейк. Это 

<td class="htTd" width="100" style="word-wrap:break:word">

должно быть: 

 <td class="htTd" width="100" style="word-wrap:break-word">
0 голосов
/ 04 февраля 2012

Вы можете, например, добавить идентификатор в таблицу и написать что-то вроде этого: 

#tableId td{height: auto !important;}

или просто 

#tableId .htTd{height: auto} (i would vote for that one)
...