Question

我在div元素中有两个div元素，如下所示。

<div style="display: inline;">
  <div style="display: inline; float: left;width:90%;">
     <p style="display: block; float: left;">
     <%# DataBinder.Eval(Container.DataItem,"Text") %>&nbsp;                                                        
     </p>
  </div>
  <div id="divImage" runat="server" style="display: inline; float: right; width: 10%;">
     <a href='<%= ImagePath%><%# Eval("Image") %>'>
     <img src="<%= ImagePath%><%# Eval("Image") %>" alt="Text" width="40px" height="40px" /></a>
  </div>
</div>

当图像路径有效时，我想显示两个子div元素（分别为90％和10％宽度）。如果图像不可用，我想隐藏第二个子div（id：divImage）。因此，文本将涵盖整个可用空间。有谁能建议如何实现这个目标？

感谢。

Answer 1

您始终可以使用JQuery在客户端执行此操作

http://api.jquery.com/css/

从服务器端

<div runat="server" id="divControl">...</div>

页面类：

protected System.Web.UI.HtmlControls.HtmlGenericControl divControl;
OnLoad/Other function:

divControl.Style.Add("height", number / anotherNumer);

在一行中显示两个div元素

1 个答案: