html - 你应该如何在不使用表格的情况下在 VS2010 中布局页面？

Question

我从 beta 版就开始使用 .NET，从 HotDog pro 和记事本时代就开始使用 HTML，当然还使用表格布局。我终于准备好只使用 div、li、CSS 进行布局，但我的问题是，在 VS2010 中布局页面的正确方法是什么？

当我使用表格布局时，它很简单，我可以直观地看到我正在创建什么以及元素在哪里，例如下面的示例 - 我应该如何在 VS2010 中使用 div 等来做到这一点？

<table width="300" border="0" cellpadding="5">
  <tr>
    <td><img src="http://assets.devx.com/MS_Azure/azuremcau.jpg" alt="blah" width="70" height="70" /></td>
    <td><h2>This is some text to the right of the picture...</h2></td>
  </tr>
  <tr>
    <td colspan="2">Here some text underneath</td>
  </tr>
</table>

Answer 1

我会说你应该学习 Css 并使用 div 等来布局页面。在我看来，您不应该使用任何 WYSIWYG 并从头开始编写标记，如果您知道如何操作，它会一样快。或者，如果您想要一个良好的基本 css 框架来以类似网格的方式处理布局，请尝试 960 Grid System .

至于看到你在做什么，我会说使用最简单的。在网络浏览器中打开网站并点击刷新。