我能想到的最好的解决方案是用total elements count除以total columns count，然后对结果应用Math.ceil，就像您在问题中提到的那样，您只需迭代the number of columns和the number of elements per column，并将每个元素添加到适当的列中。

超文本标记语言：

<div class="row" id="container">
    <div class="col-3">
    
    </div>
    <div class="col-3">
    
    </div>
    <div class="col-3">
    
    </div>
    <div class="col-3">
    
    </div>
</div>

脚本语言：

window.onload = function() {
    var container = document.getElementById("container");

    var columns = container.children.length;
    var elements = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
    
    var elementsPerColumn = Math.ceil(elements.length / columns);
  
    var index = 0;
    
    for (var i = 0; i < columns; i++) { 
        var column = container.children.item(i);
  
        for (var j = 0; j < elementsPerColumn; j++) {    
            var item = elements[index];
                        
            if (item != undefined)
            {
                var divElement = document.createElement('div');
                divElement.classList.add('my-div');
                divElement.innerHTML = item;
                
                column.appendChild(divElement);
            }
            
            index++;
        }  
    }
};

https://jsfiddle.net/bp145k9u/2/
（把我的答案贴出来，以防有人觉得有用。）