如何在一行中對齊innerDiv的div元素

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

該用戶的問題已通過意見建議得到解決

嘗試在css屬性中為每個div添加float：left並為外部div提供足夠的寬度