Question

我正在使用ASP.NET MVC3。以下是我的观点页面：

<div id="onsite" style="overflow:auto;margin-left:30px;">
    <img style="cursor:pointer;" id="imgminusOnsitewise" src="@Url.Content ("~/Content/Images/details_close.png")" alt="imgminusOnsitewise" title="Expand" /><label style="color:Green; font:bold 14px/30px Arial, Helvetica, sans-serif;">Onsite</label>
</div>

当我在本地机器上运行代码时，我给这样的图像和标签在同一行。将相同的代码部署到服务器后，标签显示在下一行图像中。我需要添加另一个CSS属性来获取同一行中<img>标记内的<label>和<div>标记吗？

Answer 1

便宜又开朗的修复，尝试将两个元素显示属性设置为内联使用style =“display：inline;”

Answer 2

.css文件可能不相等

试试这个：

<div id="onsite" style="overflow:auto;margin-left:30px;">
    <div style="float:left">
        <img style="cursor:pointer;" id="imgminusOnsitewise" src="@Url.Content ("~/Content/Images/details_close.png")" alt="imgminusOnsitewise" title="Expand" />
    </div>
    <div style="float:left; margin-left:10px">
        <label style="color:Green; font:bold 14px/30px Arial, Helvetica, sans-serif;">Onsite</label>
    </div> 
    <div style="clear:both"></div>
 </div>

同一行中的<img/>和<label>标记</label>

2 个答案: