CSS: Установить максимальную ширину таблицы

Я генерирую журналы приложений в 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?

15
задан Brian Tompsett - 汤莱恩 18 May 2017 в 15:22
поделиться