0

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

表格列

我为西里尔文感到抱歉。单元格中的每一行都是使用以下代码创建的：

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

而CSS是：

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

我想要的是 - 正如你所看到的，一切都在单元格的中间，在单元格的顶部和底部留下了很多空白空间。我想让文字更均匀一点。我试图padding-bottom在 CSS 中添加一些，但它没有完成这项工作。

4

2 回答 2

0

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

于 2013-05-13T14:00:47.830 回答
0

也许 CSS 属性“ line-height ”会帮助你。但是，对于整个表格的一个单元格，这似乎是一个非常有限的修复。如果您可以将标记和 CSS 添加到新的Fiddle中，那么这将有助于提出更优雅的解决方案。

此外，如果您希望背景颜色填充整个单元格（而不仅仅是文本所在的位置）以避免文本上方和下方的白色，那么您应该将“背景颜色”CSS应用于“td”上的类" 标记而不是 td 中的 span。

于 2013-05-13T14:00:59.350 回答