Ankhena, поправил уже justify, то старая версия. flex-wrap у меня и был включен.
ПОдвиньте границу окна вправо и увидите, что перед переносом на новую строку элементы вплотную прижимаются друг к другу - это плохо, я для борьбы с этим маргин и поставил.
Ankhena, не надо округлять значения при каждом промежуточном расчете - вот, в чем соль. FF сохраняет эти половинки в значениях высоты строк, и в конце их суммирует, получая адекватное значение высоты родительского элемента. А что до самих строк - в метрологии используется приём, когда половина разряда округляется то в большую, то в меньшую сторону, что минимизирует ошибку на выходе. Тут вопрос грамотности расчетов, разрабы Webkit просто схалтурили.
Ankhena, почему-то у Firefox и даже у Майкрософтовского Edge всё хорошо с расчетами, и при любом масштабе строки не режутся. Лезть ради такой простой задачи в JS - это оверкил и костыли. Печальны дела с Webkit, выходит.
Работает. Но в первом случае высота панели схлопывается до нуля, во втором - до высоты центрального блока, и ни в одном тогда не получается выравнять элементы вертикально.