html - 如何在垂直对齐的 gridView 单元格中显示最多 3 行内容？

Question

我有一个动态生成内容的 GridView 。由于此网格用于主要通过 Windows CE 和 Internet Explorer 7 访问的页面，因此与 Ie7 兼容的解决方案非常重要。

因此 - 由于屏幕非常小，我们不能显示太多文本。所以我们决定在一个单元格中最多显示 3 行文本，如果更少，它应该在中间垂直对齐。表格行的高度固定为 41px；

我找到了很多解决方案 - 但如果居中有效，那么修剪等就不会起作用。谁能帮我解决这个问题？

Update1:​​我刚刚发现他也必须在 IE6 中工作。

Answer 1

你试过在单元格中嵌套 block 吗？

在表格单元格上:vertical-align: middle;高度:41px;

然后在单元格内，有一个最大高度为 3 行文本的 block 元素(你应该使用该值)和一个隐藏的溢出:max-height: 35px;溢出:隐藏；

<td><div>TEXT</div></td>

您应该能够使用字体大小和行高或通过一些测试来确定合适的高度。

这样，只有 3 行文本可见， block 元素仍然在单元格中垂直居中。