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

Html 如何在垂直对齐的gridView单元格中显示最多3行内容?,html,css,asp.net,gridview,Html,Css,Asp.net,Gridview,我有一个动态生成内容的网格视图。由于此网格用于主要通过Windows CE和Internet Explorer 7访问的页面,因此解决方案与Ie7兼容非常重要 所以-由于屏幕非常小,我们不能显示太多的文本。所以我们决定在一个单元格中只显示最多3行文本,如果少于3行,则应在中间垂直对齐。表格行的固定高度为41px 我想出了很多解决方案,但如果它能起到定心的作用,那么就不能起到修剪的作用,等等。有人能帮我吗 更新1:我刚刚发现他的也必须在IE6中工作 您是否尝试在单元内嵌套一个块 在表格单元格上:垂

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

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

我想出了很多解决方案,但如果它能起到定心的作用,那么就不能起到修剪的作用,等等。有人能帮我吗


更新1:我刚刚发现他的也必须在IE6中工作

您是否尝试在单元内嵌套一个块

在表格单元格上:
垂直对齐:中间对齐;高度:41px

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

<td><div>TEXT</div></td>
文本
您应该能够使用字体大小和行高或通过测试一点来确定正确的高度


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

我在这里展开@Simon answer

我发现了一个问题,表行往往忽略css高度值。为了强制执行高度,我制作了
元素的
显示:block
以执行Alexa的41px高度规则。
优点是它满足了您的需求,缺点是我不知道这会如何影响表的呈现/行为

另外,为了不超过3行文本,我必须将
行高设置为1em,将其
最大高度设置为3em

表格{
边界塌陷:塌陷;
}
桌子
th,
运输署{
边框:1px纯黑;
}
tr{
高度:41px;
最大高度:41px;
显示:块;
溢出:隐藏;
}
运输署{
宽度:33%;
}
运输署分区{
边框:1px纯红;
字体大小:11px;
线高:1米;
最大高度:3em;
溢出:隐藏;
填充:2px;
}

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet,是一位杰出的献身者。
Lorem ipsum dolor sit amet,是一位杰出的献身者。维瓦摩斯坐在一个没有权杖的地方。菲舍勒斯·康塞特·努克·埃特·埃特·佩伦茨克·福西布斯。Donec magna felis,scelerisque eget odio id,euismod mollis ligula。
但最大限度地提高了效率,也提高了效率,同时也提高了智商。马利苏亚达·维利特·萨吉蒂·塞佩尔阿利夸。Nam iaculis sagittis Dignessim。无便利。这是我的新名言。
这是酒后驾车,但没有效果,导致死亡。门效率。

嗨,西蒙,嗯……这个解决方案看起来很简单。我从来没有这样做过。刚刚测试过,它在Ie11上工作,并模拟IE7。明天我将在只使用IE7的真实设备上进行测试,我会让你知道-但我太担心“有些东西不起作用了”-我已经在这个问题上花了2天时间:|啊,想问一下:为什么你建议在Internal div上设置35px而不是41px?就这样?西蒙,你的想法奏效了,还和fnostro的结合在一起。问题是,我今天刚刚发现我的解决方案应该也适用于IE6:|问题是它会显示所有文本…嗨,你在em建议中的行高帮助我调整了Simon的解决方案-但现在我只需要让它也适用于IE6-正如我今天发现的-它不适用于Yet这里你有问题,
max height
在ie6中不起作用。如果您还不知道,请使用for解决浏览器兼容性问题。此外,值得一提的是,ie6到ie9不再受微软的支持,并且已经或即将“生命终结”,这意味着它们甚至不再接收更新和安全补丁。我知道这是一个要求,但考虑到有时应该面对死亡技术。