Как установить ширину столбцов моей таблицы на фиксированное значение?
В данный момент я сталкиваюсь с довольно сложной проблемой; действительно ценю вашу помощь.
У меня есть таблица с 2 столбцами, td1 и td2, и содержащие тексты, и оба из которых имеют фиксированную ширину.
td1.width = 10px и td2.width = 20px
фиксированная ширина задается во время выполнения по одному слева с помощью JQuery (так как эта таблица вложена в другую таблицу...)
Ширина текста может быть больше, чем эти фиксированные ширины, в каких случаях ожидаемое поведение
фиксированная ширина столбцов должна оставаться неизменной 1) если есть лишние тексты, текст должен переноситься, он не должен увеличивать или уменьшать ширину td 2) если есть пустые места, ширина ячейки не должна уменьшаться при изменении размера другого столбцы или страница; это должно остаться неповрежденным.
Я установил свойство td.whitespace в pre-wrap и td.word-wrap: break-word, но они не помогли.
Как это будет возможно с использованием CSS 2.0 (не 3.0)?
Спасибо,
2 ответа
Хорошо, я решил это. На моем столе была группа и группа. Хотя их атрибут отображения был скрыт, IE 9.0 игнорирует его, тогда как IE 6.0 учитывает их при расчете ширины столбцов!
Я удалил их с помощью jquery и разобрался!
$ ('. myTable thead,.myTable colgroup'). remove ();
В этом случае, поскольку ширины очень малы, а текст обычно не имеет таких маленьких слов, он не имеет возможности обернуть их, поэтому он расширяет ширину td даже с заданной шириной!
Это уменьшает ширину второго td потому что первый использует дополнительную ширину.
Кроме того, вы можете столкнуться с ситуацией, когда текст такой широкий (например, длинное слово), и в этом случае его невозможно обернуть. Если не использовать javascript, IMO это единственный способ.
Я рекомендую прочитать эти ответы: HTML TD переносить текст