Как плавать элементы по высоте

Question

У меня есть вложенные списки в моей DOM. Поэтому я вычисляю высоту, исходя из высоты, которую мне нужно плавать, оставив элементы со дна моего списка. Но в настоящее время он принимает свойство по умолчанию float left, которое начинается сверху.

Expected Output: 
Antelope Camel 
Bison Gazelle 

Current Output: 
Antelope Bison  
Camel Gazelle 

Пожалуйста, помогите мне, он должен поддерживает исследователь интернета также, иначе я мог бы использовать column-count CSS свойство.

это то, что пробовал:

JS:

var checkHeight = $(".checkHeight").height(); 
console.log(checkHeight); 

if(checkHeight>233){ 
    $(".checkHeight li.test").css("float","left"); 
} 

Demo Link

Answer 1

Я думаю, что я понимаю. Вы хотите, чтобы он переставал складываться, когда родительский контейнер имеет достаточную высоту? Я на самом деле думаю, что это больше связано с шириной.

var checkHeight = $(".checkHeight").height(); 
    console.log(checkHeight); 

    if(checkHeight>233){ 
     $(".checkHeight li.test").css("{'float' : 'left', 
    'width' : '100px}"); 
    } 

Вам также необходимо установить высоту для родительского элемента. Возможно, медиа-запросы в css - лучший маршрут в зависимости от того, что вы делаете.

Извините, если я не понял, что вы делаете, но без скрипки или ручки трудно понять, что вы хотите сделать.