Лучший способ воссоздать динамическую таблицу в CSS - PullRequest
1 голос
/ 27 сентября 2011

Интересно посмотреть, какой метод используют другие люди для воссоздания текучих таблиц в CSS.

Назад в дни таблицы, если бы не была задана ширина, таблица просто автоматически подстраивалась бы подгонку столбцов.

Скажем так: у нас в 2 колонке «таблица» отображается товар. Изображение слева, Имя / Описание справа.

Скажем также: ширина изображения неизвестна.

Как правило, в этой ситуации я перемещаю изображение влево и скрываю переполнение содержимого справа. Однако, если у нас есть строки данных, это просто не будет работать, так как у всех будут разные поля.

Да, мы могли бы просто сказать: изображения не будут больше, чем x, поэтому давайте сместим изображение влево и установим левое поле для правого содержимого. - или даже разместить содержимое справа на право.

Делать это действительно не проблема, однако мне просто любопытно, как если бы был способ сделать все это плавным ... У некоторых из этих сайтов, над которыми я работаю, есть огромные таблицы стилей, и я стараюсь сохранить стили до минимума.

Наш дизайнер любит использовать это изображение слева, содержимое справа - или даже перевернутое ... изображение справа - содержимое слева ОЧЕНЬ МНОГО, но кажется, что поля всегда различны в зависимости от ситуации. Я действительно хочу сделать этот класс многоразовым.

1 Ответ

0 голосов
/ 27 сентября 2011

http://jsfiddle.net/simoncereska/dGnzJ/ Взгляните на это.Если вы добавите класс .pr в .img, вы получите другое представление.Это то, что вы просите?

...