DOM实操-瀑布流-动态设置内容居中

1. 获取所有需要操作的元素
2. 获取屏幕的宽度
3. 获取一个图片元素容器的宽度
4. 动态计算页面横向最多可放置的图片数量
5. 动态设置样式，让内容左右居中

xxxxxxxxxx
function waterFlow(){
    var parentContainer = document.getElementById("container");
    var screenWidth = document.documentElement.clientWidth;
    var childWidth = allChild[0].offsetWidth;
    var rowsNum = Math.floor(screenWidth / childWidth);
    parentContainer.style.cssText = "width:" + childWidth * rowsNum + "px;margin:0 auto";
}
waterFlow();