asp.net - divを自動的に追加するasp.net contentpage

Question

cpmainwrapper というタイトルのコンテンツ プレースホルダーにドロップダウン リストを配置しました。次に、その下に detailsview コントロールを配置し、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 で float の代わりに inline-block を使用することを検討できます。

.dvStyle 
{
    display: inline-block;
}

複数のブラウザーをターゲットにしている場合は、複数のブラウザーで CSS をテストするように警告し、IE がフロートで奇妙なことを行う可能性があることに注意して ください。