Как заставить мои столбцы CSS3 разрываться только при разрыве строк?

В настоящее время я работаю над страницей, которая использует кучу наборов полей на одной странице формы, которая также реализует столбцы CSS3.

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

В проекте, над которым я работаю, я смотрю на легенду fieldset в Chrome 15, которая разделена пополам с верхней половиной букв в нижней части одного столбца и нижней половиной букв в верх следующего столбца. В Firefox 7 я не вижу этой проблемы (возможно, они уже ломаются ТОЛЬКО при переносе строки или после элементов блока).

Я не думаю, что это ошибка, специфичная для Chome, я думаю, что здесь просто не указано, как это должно быть сделано, или что-то в этом роде.

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

Я сделал модель ситуации. См. Этот jsFiddle . (Очевидно, выглядит немного иначе, чем проект, который я описал выше, но с той же ошибкой.)

6
задан BoltClock 8 November 2011 в 00:48
поделиться