Question

<script type="text/javascript">
        $(document).ready(function () {
            var iCnt = 0;

创建div元素

            var container = $(document.createElement('div')).css({
               ---some css--
            });

任务显示状态

            var status = { 0: "completed", 1: "completed", 2: "Running",                 3:"Pending", 4: "Pending" };
           var cssClass = '';

            iCnt = iCnt + 1;
            var i = 0;

            $.each(status, function (idx, i) { 

                                 }


                var innerDiv = $(document.createElement('div')).css({
                   -- some css---
                });

                $(container).append(innerDiv);

现在如何将innerDiv的div元素一个接一个地排列在一行

            });

            $('#main').after(container);
        });
    </script>

Answer 1

此用户的问题已通过评论建议解决

尝试在每个div的css属性中添加float：left并为外部div提供足够的宽度

如何将innerDiv的div元素对齐在一行中

1 个答案: