Jquery 将文本添加到标签时表中的元素移动

我在cshtml页面上有一个表：

                 <table>
                    <tr><td><label>Upload File:</label></td></tr>
                    <tr>
                        <td>
                            <input type="button" id="choose" value="Choose File" onclick="document.getElementById('file_upload').click();" />
                            <input type="file" class="form-control no-border" style="display:none;" id="file_upload" name="file_upload" onchange="addNew()" />
                        </td>
                        <td><label src="" id="file_upload_lbl" class="fileLabel" /></td>
                    </tr>
                    <tr><td><input type="button" class="fbtn btn-custom btn-primary" onclick="submitFile(); return false;" value="submit" /></td></tr>
                </table>

问题是，当设置标签文本时，它会将“选择”和“提交”按钮向上移动大约5px，因此标签和按钮不再对齐

是因为隐藏的文件选择器吗？不应该这样，因为style=“display:none；”应该确保它不占用页面上的任何空间。是否因为添加文本会删除标签的css？它不会移动或改变大小，好像按钮在移动

这是css

    .fileLabel {
        border: 1px solid;
        width:400px;
        height:27px;
        margin-top:10px;
    }

---

有什么想法吗？

如果您将jquery与其他一些jquery文件（如jquery ui等）包括在一起，可能会导致这种情况。没有任何额外的包，它就可以正常工作

函数addNew（）{
var file=document.getElementById（“文件上传”）.files[0]；
如果（文件！=null）{
$（“#file_upload_lbl”）.text（file.name）；
}
}
.fileLabel{
边框：1px实心；
宽度：400px；
高度：27px；
边缘顶部：10px；
}
上载文件：

    .fileLabel {
        border: 1px solid;
        width:400px;
        height:27px;
        margin-top:10px;
    }