在HTML表格中设置列单元格的样式

我正在开发一个asp.NETMVC3应用程序。下面是我要设置样式的表格列的打印屏幕：

我为西里尔语道歉。单元格中的每一行都使用以下代码创建：

                @:<span class="TableColumn4">
                @field[i].QuestionText;
                @::
                @field[i].FieldValue;
                @:</span> 

---

我想要的是——正如你所看到的，一切都在细胞的中央，在细胞的顶部和底部留下很多空的空间。我想把课文写得更平一点。我试图在CSS中添加一些

填充底部，但没有添加到作业中。
您是否试图缩小文本上方和下方的空间？看起来有什么东西在使表格单元格的高度扩大。有问题的单元格左侧或右侧是否有填充该行整个高度的内容？可能有一个高度应用于该行。尝试添加高度：自动到行和单元格。
也许CSS属性“”将帮助您。然而，对于整个表的一个单元格来说，这似乎是一个非常有限的修复。如果您可以将您的标记和CSS添加到一个新的应用程序中，那么它将有助于提出一个更优雅的解决方案

此外，如果您希望背景色填充整个单元格（而不仅仅是文本所在的位置），以避免文本上方和下方出现白色，则应将“背景色”CSS应用于“td”上的类标记而不是td中的span。
你能在jsfiddle上模拟同样的情况吗？老实说，我在jsfiddle中没有做任何事情的经验。重新创建这个将花费我太多的时间。jsfiddle非常简单和有用。只需复制/粘贴html标记和css即可。我强烈建议您尝试一下：）。是的@steaks，只需转到并在相应的块中添加您的css。我建议您使用JSFIDLE（通常非常有用的站点：），我大部分时间都在后端工作。当我需要在UI上工作时，我主要依靠google和stackoverflow；和线高；在我的例子中，除了我将行高度设置为3px之外，其他行为几乎相同。我不知道为什么填充不起作用。有关单元格左侧或右侧的单元格中是否有任何内容？我只是感觉有什么东西在使那一行扩大。是的，正如在原始帖子中所说的，打印屏幕只是我喜欢设计的列的一部分，甚至不是列，而是特定的单元格。共有四列，默认情况下，行的高度由最高的单元格决定，我在这里没有显示这个单元格。实际上，这是这个单元格的左边，但一切正常，但因为左边的单元格比这个大，我想在这个单元格中设置文本样式，以更均匀地占据空间。不，颜色只是。。。不知道，反正也不会留下来。但是，如果跨度标记之间的空间可以调整，那就好了。在我的情况下，线条高度似乎不起作用。
span.TableColumn4 {
    background: lightgrey;
    display: block;   
}