asp.net - 如何在 asp.net 中创建 2 列布局

Question

我正在尝试在我的页面中创建 2 列和 2 行布局，但我遇到了一些问题。我使用了一个表，其中创建了 2 列和 2 行，这看起来很简单，对吧？但我的问题是我在页面左侧构建了一个具有向下钻取功能的gridview，并且在页面右侧有一个图表。因此，当我尝试在 gridview 中使用向下钻取功能时；右侧的图表将向下移动，反之亦然。所以我想使用一个非常简单的布局，这样当我钻网格视图时，我不想影响页面右侧的任何内容。有人可以给我看一些布局示例，我可以有 2 列并且不会相互影响吗？谢谢

Answer 1

首先，不要使用表格进行布局，这不是它们的设计目的。继续前进，这不是 ASP.net 问题，而是 HTML 页面设计问题之一。谷歌“CSS 2 Column layout”，你会得到很多可供选择的教程。包括这个：

http://css-tricks.com/super-simple-two-column-layout/

Answer 2

如果你想投资 Bootstrap，你可以像这样使用标记。

<div class="row">
   <div class="span6"> column 1 </div>
    <div class="span6"> column 2 </div>
</div>

Twitter Bootstrap 使用网格系统很容易做到这一点，而且它们还提供了响应式样式表。