firefox — CSS Guru http://starhack.ru Верстка сайтов, использование CSS, Javascript, jQuery, веб-разработка Thu, 06 Jun 2019 08:05:08 +0000 ru-RU hourly 1 https://wordpress.org/?v=5.7.7 GAP/GRID-GAP и Flexbox http://starhack.ru/gap-grid-gap-i-flexbox/ http://starhack.ru/gap-grid-gap-i-flexbox/#respond Thu, 06 Jun 2019 08:03:30 +0000 http://starhack.ru/?p=1203 Если вы вдруг не знали, то знайте: Firefox применяет свойство grid-gap для flex-контейнеров.

Для меня это оказалось неожиданным именно из-за именования. Grid в названии вроде как указывает на применимость для grid-контейнеров. Вероятно, поэтому это свойство и переименовали в просто gap.

Свойство экспериментальное и сейчас поддерживается только в Firefox.

]]> http://starhack.ru/gap-grid-gap-i-flexbox/feed/ 0 Firefox, button and flexbox http://starhack.ru/firefox-button-and-flexbox/ http://starhack.ru/firefox-button-and-flexbox/#respond Mon, 23 May 2016 10:59:50 +0000 http://starhack.ru/?p=993 Читать далее Firefox, button and flexbox]]> Как интересно! Если вы хотите красиво расположить внутри кнопки несколько элементов, используя чудную технологию flexbox, то вас может ждать неприятный сюрприз. Внутри элемента button в Firefox 46.0.1 (в других не проверял) flexbox не работает :(
Как это хотелось бы видеть и как это выглядит в Хроме и даже в �?Е11:
flexbox внутри button в Хроме
�? как это в Firefox:
flexbox внтури кнопки в Firefox

See the Pen eZqEGy by Sergey Kirichenko (@oknechirik) on CodePen.

P.S. Для себя эту проблему решил, обернув содержимое кнопки div’ом.
P.P.S. �? баг есть такой.

Update: проблема решена в Firefox 52!!!

]]> http://starhack.ru/firefox-button-and-flexbox/feed/ 0