Question

我有一个css问题，我似乎无法弄清楚。我有一个应用程序[here] [1]的链接。

要使用该应用程序，只需选择一个文件（一个小文件以便快速上传），然后单击“上传”按钮上传文件。你看到的是你上传的文件的名称，删除按钮和下面的水平线。

但我想要的是要保持左侧文件的名称，就像现在一样，移动删除按钮以对齐框内的右侧，除了使用水平线可以用虚线替换？

下面是附加文件名，删除按钮和水平线的代码：

<ul class='listImage' align='left'>

下面是显示文件名，删除按钮和hoizizontal行的代码：

 $('.listImage').append(htmlEncode(imagefilename) + '<button align="right" type="button" class="deletefileimage">Delete</button><br/><hr/>');

下面是listImage和delete按钮的当前css：

.deletefileimage{
    font-size:12px;
    font-weight:bold;   
}

.listImage{
    font-size:12px;
    text-align:left;
    margin:0;
    padding-left:0;

}

Answer 1

替换

<button align="right" type="button" class="deletefileimage">Delete</button>

带

<button style="float:right" type="button" class="deletefileimage">Delete</button>

Answer 2

align='left'属性不适合浏览器功能，请使用float:left; float:right;

需要CSS帮助才能正确放置这些元素

2 个答案: