javascript - 如何根据高度 float 元素

我的DOM中有一个嵌套列表。所以我要计算高度，根据高度，我需要将元素从列表底部向左浮动。但是当前它采用默认的float left属性，该属性从顶部开始。

Expected Output:
Antelope Camel
Bison    Gazelle

Current Output:
Antelope Bison
Camel    Gazelle

请帮帮我，它也应该支持Internet Explorer，否则我可以使用column-count css属性。

这是尝试的方法：

JS：

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

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

Demo Link

最佳答案

我想我明白。您要在父容器具有足够的高度时停止堆叠吗？我实际上认为这与宽度有关。

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

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

您还必须为父元素设置高度。也许css中的媒体查询取决于您在做什么，是更好的选择。

抱歉，如果我没有掌握您的工作，但是没有小提琴或钢笔，很难看清您想做什么。