html - HTML 表格中的样式列单元格

Question

我正在开发一个 asp.net mvc 3 应用程序。这是我要设置样式的表格列的打印屏幕:

我很抱歉西里尔字母。单元格中的每一行都是使用以下代码创建的:

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

CSS 是:

span.TableColumn4 {
    background: lightgrey;
    display: block;   
}

我想要的是 - 如您所见，一切都在单元格的中间，在单元格的顶部和底部留下很多空白空间。我想让文字更均匀一点。我尝试在 CSS 中添加一些 padding-bottom，但没有成功。

Answer 1

您是否试图缩小文本上方和下方的空间？看起来有些东西正在使该表格单元格的高度扩大。相关单元格左侧或右侧是否有内容填满该行的整个高度？该行可能有一个高度。尝试将 height:auto; 添加到行和单元格。