Question

我在名为cpmainwrapper的内容占位符中放置了一个下拉列表。然后我在它下面放了一个detailview congtrol，想要使用float：left让它们并排渲染。失败后，我检查了浏览器上的代码，看到详细信息视图被放置在自己的div中。如何让它们并排显示？

Answer 1

尝试在DetailsView和DropDownList上设置css float。

在页面标记的头部或单独的CSS包含文件中;

<style type="text/css">
  .ddlStyle
  {
    float: left;
  }
  .dvStyle 
  {
    float: left;
  }
</style>

在ASPX页面中（虽然大大简化）;

    <asp:DropDownList ID="ddl1" CssClass="ddlStyle" runat="server">
    </asp:DropDownList>
    <asp:DetailsView ID="dv1" CssClass="dvStyle" runat="server">
    </asp:DetailsView>

根据您要定位的浏览器，您可以考虑在DetailsView上使用inline-block而不是float;

.dvStyle 
{
    display: inline-block;
}

如果你的目标是多个浏览器，我会谨慎地警告你要跨浏览器测试CSS并注意IE可以用浮点数做一些奇怪的事情： What is a clearfix?

asp.net contentpage自动添加div

1 个答案: