Javascript上传文件对齐

Question

在上图中，删除按钮需要正确对齐。在我的代码中，它根据文件名长度对齐。

 <script>
        var filelist = new Array();

        updateList = function () {
            var input = document.getElementById('fileUploader');
            var output = document.getElementById('divFiles');

            var HTML = "<table>";
            for (var i = 0; i < input.files.length; ++i) {
                filelist[i]=input.files.item(i).name;
                HTML += "<tr><td>" + filelist[i] + "</td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button ></button></td></tr>";
            }
            HTML += "</table>";
            output.innerHTML += HTML;
        }
    </script>

Answer 1

请试试这个。

table {
    border-collapse: separate;
    border-spacing: 0 3px;
    width: 600px;
}