ASP.Net - 远离使用绝对坐标，内联css和ms_positioning =“GridLayout”

Question

使用VS 2003，我们习惯于将Web表单与win表单完全相似：Textboxes，Labes，Buttons等使用ms_positioning =“GridLayout”在div中以绝对坐标（内联css）定位。

使用VS 2010这种设计Web表单的方式似乎已经消失（至少它不能再用于快速完成设计），绝对坐标和内联css的使用无论如何都被认为是过时的。

我想得到一些提示，如何设计网页表单，如样本屏幕截图中的“正确”方式。

我想保留以下重要内容：

• 应该能够快速/轻松地添加，删除或移动表单的控件，同时保持表单的整体外观 - 随着客户需求的变化，我们的Web表单会随着时间的推移而变化/增长。
• 当用户缩小浏览器窗口的宽度时，表单不应该拼凑在一起 - 表单宽度不应低于某个最小值。

我正在考虑使用html表，但是例如对于示例屏幕截图上的Address-Block，我必须有一个包含9列的表（每个垂直边界一个）并使用大量的colspans - 不一定是最快的方式设计考虑未来变化的形式。我在1999年左右听说过html表已经过时了。

我读过我应该使用div和css几乎所有的东西，但我不知道如何创建一个类似于示例屏幕截图的网页表单，而不提供某种方式的绝对位置和大小。

任何提示都将不胜感激。

提前致谢 最好的祝福 埃里希霍拉克

Answer 1

我会将你的三个主要部分分成div，然后分别处理每个部分。接近这个时我的主要工具是Web Dev Toolbar。我用它来查看我在网上找到的任何形式的标记和CSS，我喜欢它的外观：

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

（CSS - ＆gt;查看CSS和CSS - ＆gt;查看样式信息（悬停鼠标）是有用的下拉选项）

使用CSS创建表单主要是通过使用标签和输入类： http://speckyboy.com/2011/05/24/css-form-templates-tools-services/

乍看之下你的表格看起来很难，但是当你把它分解时，它真的不难做到。上面的链接有样本 - 就像你提到的那样简单 - 但是简单与否，CSS是相同的。