样式化html表td / tr在asp.mvc 3视图中显示元素

Question

我正在为ASP.NET MVC 3项目中的视图执行此操作。我在运行时创建表，因为行，列和与它们关联的数据记录在数据库中，并且它因不同的表而异。在下图中，您可以了解我需要改变的基本概念：

表格结尾后继续的边框线是<div>标签的边框，其高度和宽度与为表格定义的高度和宽度相同。

但是我想解决几个问题：

• 表格的宽度大于它的假设
• 即使有足够的空间，某些元素也会占用两行（alabala高于yes的第一行，而下一个<td> blabla与文本框位于同一行这实际上就是我想要它的方式。
• 也许这是总结我上面指出的事情的东西 - 我想表格保持它的大小，无论每行有多少元素，我希望文本框之前的文本出现在与文本框本身相同的行。

我在HTML和CSS方面都有相当糟糕的经验，所以不知道什么是可能的，什么不可能，所以如果它不可能完全达到输出我想要随意提出一个可接受的解决方案对于漂亮的桌子视图。

P.S

这就是我实际创建<td>..</td>：

的方式

sb.Append("<td>" + innerArray[a][0].QuestionText +
          "<input type='textbox' style='border: 1px solid red' value=" +
          innerArray[a][0].FieldValue + "></td>");

其中：System.Text.StringBuilder sb = new System.Text.StringBuilder();