请在dropzone中对齐错误消息

时间:2015-07-14 12:25:51

标签: jquery css dropzone.js

当我上传错误类型的文件

时,我收到了此文字

enter image description here

如何在进度条下对齐它? 这是元素的HTML代码

<div class="table table-striped files" id="logopreviews">
            <div id="template" class="file-row">
                                    <div>
                    <span class="preview"><img data-dz-thumbnail /></span>
                </div>
                <div>

                    <p class="name" data-dz-name></p>
                    <strong class="error text-danger" data-dz-errormessage></strong>
                </div>
                <div>
                    <p class="size" data-dz-size></p>
                    <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
                        <div class="progress-bar progress-bar-success" style="width:0%;" data-dz-uploadprogress></div>
                    </div>
                </div>
                <div>
                    <button data-dz-remove class="close" type="button">

这是我的CSS。 Div,其中包含消息#AddLogoForm div.table .file-row&gt;格

#AddLogoForm div.table .file-row {
    display: table-row;
}

    #AddLogoForm div.table .file-row > div {
        display: table-cell;
        vertical-align: top;
        border-top: 1px solid #ddd;
        border-bottom:1px solid #ddd;
        padding: 8px;
    }

    #AddLogoForm div.table .file-row > div:first-child {
        border-left:1px solid #ddd;
    }
    #AddLogoForm div.table .file-row > div:last-child {
        border-right:1px solid #ddd;
    }
    #AddLogoForm div.table .file-row:nth-child(odd) {
        background: #f9f9f9;
    }

0 个答案:

没有答案