Question

所以..我已经创建了一些表单，我的用户可以填写并上传一些doc文件。我遇到的问题是，当我的用户上传他们的文件时，会显示附件名称以及用于删除上传的X按钮。现在一切都出现了，但X和doc名称没有正确排列，但是分成两行，我想知道是否有人可以帮我解决这个问题。

＆＃13;

.ui-icon, .ui-widget-content .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.blueArea {
color: #2795b6;
padding: 5px;
}
.blueArea {
line-height: 29px;
padding: 0 5px 10px !important;
vertical-align: bottom;
}
.greyArea {
color: #C0C0C0;
}
.greyArea {
line-height: 25px;
vertical-align: bottom;
}

＆＃13;

<div>
	<input type="checkbox" name="j_id0:formId:j_id162:0:j_id166" checked="checked" class="015g0000000CTPOAA4" style="display:none;">
	<span class="ui-icon ui-icon-closethick" onclick="unselect('015g0000000CTPOAA4')"></span>
	<span class="blueArea">"seal.png"</span>
	<span class="greyArea">"29 KB"</span>
<div>

＆＃13;

Answer 1

我最好的猜测是一个元素（X，可能）是display：block。设置它显示：inline-block;在你的CSS中它应该可以正常工作。

将两个span类对齐在一行中

1 个答案: