Как лучше на CSS реализовать такую штуку?

Question

[Владислав Чернушевич]

https://yadi.sk/i/glXVvpEBbjHDS

Смысл в том, что ячейки могут быть разной высоты (например, двигателей может быть где-то больше, где-то меньше). В таком случае не должны съезжать элементы "Мощность, кВт" "Крутящий момент, Н/м" и т.д.
Для таких целей хорошо подходит таблица. Но в таком случае как выделить столбец на css?
У кого какие идем по этому поводу?

Comments

[Евгений Петров]

Я бы отметил и совет @Aingis решением, и @Symphony — col кроме рамки, фона и ширины не поможет ничем, а ситуации разные бывают.

Answer 1

[Евгений Петров]

В качестве упражнения на теорию jsfiddle.net/petroveg/9epfb38b
Из-за Firefox пришлось поставить задержку в установке класса «активности» на 50 мс.

Answer 2

[Иван Беленков]

Одним CSS никак. Либо делать таблицу и выделять столбцы с помощью JS, либо делать отдельные блоки и выравнивать ячейки с помощью JS. Так или иначе, но JavaScript задействовать придётся. Ещё можно сделать фиксированные отдельные блоки, где все части блока будут иметь строго заданную высоту.

Comments

[A K]

Вы не правы