В соответствии с Ошибка 984869 - display: flex
не работает для элементов кнопки ,
не реализуется (браузерами) в чистом CSS, поэтому они немного черного ящика, с точки зрения CSS. Это означает, что они не обязательно реагируют так же, как, например, a
будет.Это не относится к flexbox - например, мы не создаем полосы прокрутки, если вы поместите
overflow:scroll
на кнопку, и мы не будем отображать ее в виде таблицы, если вы поместитеdisplay:table
на нее.Отступив еще дальше, t, характерный для
. Рассмотрим
и
, которые также имеют особое поведение для рендеринга:
data:text/html,
В этих случаях Chrome соглашается с нами и игнорирует режим отображения
flex
. (как видно из того факта, что «abc» и «def» в итоге складываются вертикально). Тот факт, что они выполняют то, что вы ожидаете на, скорее всего, просто из-за детализации реализации.
В реализации кнопки Gecko мы делаем hardcode
(и
и
) как имеющие определенный класс кадров (и, следовательно, определенный способ выкладки дочерних элементов), независимо от свойства
display
.Если вы хотите надежно надежно установить детей в конкретный режим компоновки в кросс-браузере, лучше всего использовать обертку-div внутри кнопки, как вам нужно, чтобы внутри
или
. blockquote >
Поэтому эта ошибка была отмечена как «разрешенная недействительная».
Существует также Ошибка 1047590 -
display: flex;
не работает в, в настоящее время " unconfirmed ".
Хорошие новости: Firefox 46+ реализует Flexbox для
. См. bug 1230207 .
107задан Daniel Kucal 14 November 2017 в 05:29поделиться0 ответов
Другие вопросы по тегам:Похожие вопросы: