Как выровнять по высоте элементы li при изменении ширины?
 

Здравствуйте. Подскажите, пожалуйста, как выровнять по высоте элементы li при изменении ширины?
https://jsfiddle.net/c30rbb6c/9/

не понял, что конкретно? у меня там все и так ровно. скрин сделай и пояснениями что есть и что ты хочешь.

malsyst,
вот что я наблюдаю в хроме:

Siend,

Ну тут два варианта - либо удаляй все лишнее и подгоняй контент чтобы умещался в 1 строку, либо делай контейнер с надписью фиксированной высоты и уже в нем центрируй.

Siend,
А скриптом никак?

malsyst,
можно и скриптом, только зачем? на css это значительно проще и правильнее)

Siend, Согласен, но может быть текст разной длины. Как быть?

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

Нашел какой-то скрипт. Его можно адаптировать?

var ul = $(this);
    var max_h = 0;
    ul.find('li').each(function(){
        if ($(this).height() > max_h){max_h = $(this).height()}
    });
    ul.find('li').height(max_h)

хз, не читал, я тебе свой написал. держи:

var max = 0;
$("#sync2 .owl-wrapper .owl-item").each(
function(){
	max = $(this).height()>max?$(this).height():max
})
$("#sync2 .owl-wrapper .owl-item").each(
function(){
	if ($(this).height()<max){
  var h = (max - $(this).height())/2 
  $(this).find(".item").css({"padding-top":(h+10)+"px","padding-bottom":(h+10)+"px"})
  }
})

вставляй в конец того примера что ты присылал.

Siend,
Спасибо. Выручил
https://jsfiddle.net/c30rbb6c/27/