Как установить ширину столбцов моей таблицы на фиксированное значение?

Question

В данный момент я сталкиваюсь с довольно сложной проблемой;очень ценю вашу помощь.

У меня есть таблица с 2 столбцами, td1 и td2, и содержащие тексты, каждый из которых имеет фиксированную ширину.

td1.width = 10px и td2.width =20px

фиксированная ширина задается во время выполнения один за другим слева с помощью JQuery (поскольку эта таблица вложена в другую таблицу ...)

Ширина текста может быть больше, чем эти фиксированныеширины, в которых сценарии ожидаемого поведения таковы:

фиксированная ширина столбцов должна оставаться неизменной 1) если есть дополнительные тексты, текст должен переноситься, он не должен увеличивать или уменьшать ширину тд2) если есть пустые места, ширина ячейки не должна уменьшаться при изменении размера других столбцов или страницы;он должен остаться без изменений.

Я установил свойство td.whitespace в pre-wrap и td.word-wrap: break-word, но они не помогли.

howэто будет возможно при использовании css 2.0 (не 3.0)?

Спасибо,

Answer 1

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

Уменьшает ширину второго td, потому что первый использует дополнительную ширину.

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

Я рекомендую прочитать эти ответы: Текст переноса в HTML TD

Answer 2

хорошо, я понял это.У моего стола была группа и группа.Хотя их атрибут отображения был скрыт, IE 9.0 игнорирует его, тогда как IE 6.0 учитывает их при вычислении ширины столбцов!

Я удалил их с помощью jquery и разобрался!

$ ('.myTable thead, .myTable colgroup '). remove ();