Я генерирую журналы приложений в html и наткнулся на довольно неприятную проблему. У меня следующий макет:
| Action | Result | File path |
Например,
| Copy | Success | C:\VeryVeryVeryLongF |
| | | ileName.txt |
Столбцы 1 и 2 отображают только короткие метки: их содержимое должно оставаться в одной строке. С другой стороны, столбец 3 может содержать очень длинные пути к файлам, которые должны охватывать несколько строк, если они не помещаются в одну строку.
Для этого я использовал white-space: nowrap;
для первых столбцов и white-space: normal; word-break: break-all;
на последнем. Также таблица имеет ширину: 100%
.
Это отлично работает в Chrome и IE, но не в Firefox: Короче говоря, я не могу найти способ указать Firefox 8.0 не увеличивать последний столбец таблицы, а вместо этого позволить тексту охватывают несколько строк . В моем предыдущем примере Firefox печатает
| Copy | Success | C:\VeryVeryVeryLongFileName.txt |
. Текст в первых двух столбцах может отличаться, поэтому я не могу установить их ширину вручную и использовать table-layout: fixed
. Я также попытался установить max-width
в таблице и обернуть его в div
, но безрезультатно.
См. http://jsfiddle.net/GQsFx/6/ для реального примера =) Как заставить Firefox вести себя как Chrome?