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

Question

В разных случаях мне нужно, чтобы ячейки таблицы не сжимались до определенной ширины.Чтобы достичь этого, я попробовал несколько вариантов с разными результатами.Некоторые из опций, которые я пробовал:

• width на td: работает нормально, но некоторые браузеры игнорируют его, и он недопустим в HTML5
• CSS width внутри style="" илитаблица стилей: игнорируется некоторыми браузерами
• изображение с шириной = X и высотой = 1: вызывает перемещение содержимого td вверх или вниз (более чем на 1 пиксель).
• div с шириной= X и height = 1 и float: left: в данный момент это работает лучше всего, хотя и слегка подталкивает содержимое вверх или вниз

Есть ли другие идеи?

Мне нужно, чтобы это работало во всем, включая IE6 :(, но если есть решения, которые не работают в IE6, но во всем остальном, это все равно будет началом:)

Answer 1

Вы не можете надежно контролировать ширину ячейки таблицы. Лучше всего обернуть содержимое в DIV (или любые другие элементы уровня блока) и нацелиться на этот элемент.

Answer 2

min-width будет правильно управлять минимальным - в браузерах, которые поддерживают его правильно.Часто width может работать как min-width в бреде IE6.YMMV.

Answer 3

Посмотрите на минимальную ширину. Не совместим с IE6, но он будет работать в большинстве других браузеров.