ASP.Net -放弃使用绝对坐标、内联css和ms_positioning="GridLayout“。

Question

在VS 2003中，我们使用类似于win的web表单: Textboxes、Labes、按钮等在div中使用绝对坐标(内联css)与ms_positioning="GridLayout“定位。

对于VS 2010，这种设计web表单的方式似乎已经不复存在(至少不能再用来快速完成设计)，而且绝对坐标和内联css的使用也被认为是过时的。

我想得到一些提示，如何设计网页表单，如在一个例子截图“正确”的方式。

我想保留以下重要事项：

• One应该能够快速/轻松地添加、删除或移动表单控件，同时保持表单的整体外观和感觉--随着客户需求的变化，我们的web表单往往会发生变化/增长。当用户减少浏览器窗口的宽度时，表单不应该一起皱缩--表单宽度不应下降到最小值以下。

我正在考虑使用html表，但例如，对于示例屏幕截图中的Address-Block，我必须有一个9列的表(每个垂直边界都有一个列)，并使用大量的colspans --这并不是设计考虑未来更改的表单的最快方法。我在1999年听说html表格已经过时了。

我读到，我应该使用div和css来处理几乎所有的事情，但是我不清楚如何创建一个类似于示例屏幕截图中的web表单，而不是以某种方式提供绝对位置和大小。

任何提示都将不胜感激。

先谢谢大家向埃里希·霍拉克问好

​

​

Answer 1

我会把你的三个主要部分划分为div，然后分别处理每个部分。我在接近这方面的主要工具是Web。我使用它查看我在网上找到的任何形式的标记和CSS，这些都是我喜欢的样子：

https://addons.mozilla.org/en-US/firefox/addon/web-developer/

(CSS ->视图CSS和CSS ->视图样式信息(悬停鼠标)是有帮助的下拉选项)

表单是使用CSS创建的，主要通过使用label和input类：http://speckyboy.com/2011/05/24/css-form-templates-tools-services/。

乍一看，您的表单看起来很难，但是当您分解它时，它实际上并不难做到。上面的链接有一些示例--就像您提到的那样简单--但是不管简单与否，CSS都是一样的。