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上使用內聯塊而不是float;

.dvStyle 
{ 
    display: inline-block; 
} 

如果您靶向多個瀏覽器，這將是審慎的我要提醒你，以測試CSS跨瀏覽器和注意IE可以做奇怪的事情用浮漂：如果 What is a clearfix?