CSS для ширины меток динамических форм

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

Я пытаюсь воспроизвести что-то похожее на это http://www.stylephreak.com/uploads /source/cssforms/cssform.php

Проблема, с которой я сталкиваюсь, заключается в том, что все примеры форм CSS, которые я нахожу, похоже, предполагают фиксированную ширину для метки левого столбца. В моем случае я не могу контролировать, что идет на этикетке, это происходит из редактируемого пользователем банка переводов. С таблицей это очень просто. Я бы просто использовал пробел: nowrap; и самая длинная этикетка будет определять ширину TD, и все будут счастливы.

Можно ли сделать что-то подобное с помощью CSS? Я пробовал использовать min-width и заставлять его не переносить. Это сработало, но только подтолкнуло текущий элемент управления вправо и испортило выравнивание, не говоря уже о том, что минимальная ширина не поддерживается в IE 6.

Неужели так плохо использовать таблицу для макетов форм? Это табличные данные, и они имеют смысл при линеаризации, в конце концов, нет?

11
задан jfrobishow 27 May 2011 в 14:33
поделиться