кнопка стиля (jquery) в IE для автоматического переноса

Question

Из-за длины кода я не могу разместить его здесь, я создал демонстрационную страницу .

1. Используя IE, чтобы открыть страницу.
2. Нажмите на ссылку «Добавить».
3. Затем нажмите «Указать типы запросов».

Ниже приведен скриншот из IE8:

Вы должны бытьвозможность просмотра нужного макета при просмотре страницы с использованием Chrome, Safari и Firefox

Это скриншот из Chrome.

Для IE я попытался поместить список checkbox в div (#request_type) и установите его width (что-то вроде 150px), надеюсь, что список checkbox обернется, но он не сработал.

Answer 1

Для единообразного вида просто определите ваши элементы label как display:inline-block для IE только с помощью условного комментария, который вы можете поместить в заголовок документа, например:

<!--[if lt IE 9]>
.ui-button {
    display: inline-block;
}
<![endif]-->

Answer 2

Я перешел по вашему URL выше и не вижу кнопок.

Примечание к вашему принятому ответу.display: inline-block не всегда хорошо работает в IE7, если это поддерживаемый браузер для вашей страницы / приложения.

Answer 3

Сложно понять, что здесь происходит, но плавающие надписи помогают держать элементы в пределах их собственного столбца:

#request_type label {
  float: left;
}