Javascript上传文件对齐

标签 javascript jquery

enter image description here

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

 <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>

最佳答案

请试试这个。

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

关于Javascript上传文件对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49977286/

相关文章:

javascript - 根据下拉框选择显示/隐藏多个div

javascript - 在 php 中单击按钮添加表行并设置字段值

javascript - 显示/隐藏 H 4's isn' t 工作

javascript - requestAnimationFrame 似乎在调用 cancelAnimationFrame 后更新变量

javascript - 包含 ZeroMQ JS 绑定(bind)时收到“TypeError : zmq. zmqVersion 不是函数”

jquery - 多个元素的一键处理程序?

javascript - 通过先单击向下键打开 typeahead 下拉菜单,然后遍历下拉菜单

jQuery 选项卡。从某个位置打开某个选项卡。可能的?

javascript - 如何使用jQuery从 "div"标签的css中获取值?

javascript - 请求 api.upcitemdb.com 端点时出现 CORS 错误