我一直在搞乱fineuploader 3.8的css,但无论我做什么,我似乎都无法让文件上传li与作为控件一部分的分隔线的宽度相匹配。有什么想法吗?
丑陋的紫红色只是我在搞乱 qq-upload-list li.qq-upload-success css 设置,所以我知道我正在处理可能是正确的项目。我相信它的容器是qq-upload-list,但我不确定我需要修改什么。谢谢!
我的部分视图中的 HTML (MVC4)。最初我在 DIV 中拥有所有内容,但我无法在页面中获得 100% 的内容。我厌倦了处理它,所以我回到桌子上。是的,我知道,这不是最好的使用方法。让我们跳过这个问题来回答我的问题。
<table style="width:100%;">
<tr valign="top">
<td width="100%">
<div id="files-upload"></div>
<div>
@Html.Partial("_PreviouslyUploadedFiles")
</div>
</td>
</tr>
这是CSS,大部分是库存3.8
.qq-upload-list {
margin: 0;
padding: 0;
list-style: none; }
.qq-upload-list li {
margin: 0;
padding: 9px;
line-height: 15px;
font-size: 16px;
background-color: #FFF0BD;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished, .qq-upload-delete {
margin-right: 12px;}
这是上传后的特定成功块。我添加了 100%,现在宽度超出了这条线。
.qq-upload-list li.qq-upload-success {
background-color: #5DA30C;
width: 100%;
color: #FFFFFF;}
这张图是没有宽度 100% 的成功块
这张图片显示了宽度为 100% 的成功块,在这个上改回了默认颜色。