Как уменьшить ширину ячейки, которая длиннее

Question

Я генерирую HTML в листе Excel, и вся таблица в порядке, кроме две клетки намного шире. Как мне уменьшить ширину этих ячеек. Я пытался изменить ширина и все, но бесполезно. Он отлично работает на HTML-таблицы. В электронной таблице Excel это выглядит иначе.

Answer 1

Ну, Chrome v6.0.472.62 и Firefox 3.6.10, оба в Ubuntu 10.04, позволяют:

th, td {width: 7em; max-width: 8em; }

max-width, кажется, важная часть, препятствующая росту клетки.Кроме того, white-space: nowrap важно, если вы не хотите, чтобы ячейка упаковывала содержимое в определенное значение width.

. Демонстрация на jsbin.com ,не скрывает переполнение в переполненной ячейке, намеренно, чтобы вы могли увидеть его в действии, хотя при реальном использовании вам нужно будет найти какой-то способ показать фактическое содержимое ячейки, не затеняя содержимое ее соседей.

Answer 2

Еще кое-что нужно проверить: убедитесь, что вы выводите правильное количество ячеек в строке, тщательно учитывая распределение строк / столбцов. Если вы где-то пропустите, все будет чокнутым.

Answer 3

Поскольку это HTML-таблица, только две ячейки не могут быть большими.или один целый ряд больше или один целый столбец больше.

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