asp.net - asp.net contentpage 自动添加 div

Question

我在名为 cpmainwrapper 的内容占位符中放置了一个下拉列表。然后我在它下面放置了一个 detailsview 控件，并想使用 float:left 让它们并排呈现。失败后，我检查了浏览器上的代码，发现 detailsview 被放在了自己的 div 中。我怎样才能让它们并排显示？

Answer 1

尝试在 DetailsView 和 DropDownList 上设置 css 浮点数。

在页面标记的头部或单独的 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 可以用浮动做奇怪的事情： 什么是 clearfix？