[英]How to vertically align a text in a div which has overflow hidden?
我在ASP中有一个gridView,它将生成一个表。 由于我只需要在TD周围显示固定数量的行,就决定将div放置在td中,这样我就可以实现我的目标。
table.XDataGridView td div.inner-table-div {
height: 32px;
padding: 1px;
overflow: hidden;
display: block;
}
.rfTaskExecutionWrapper td {
min-width: 100px;
font-size: 12px;
}
我希望第一列在中心垂直对齐,第二列相同。 我也只希望显示2或3行文字。 为此,尽管似乎我仍然看到第三行的一些文字,但我还是不想限制它的高度。
该解决方案必须能够在chrome和Internet Explorer 7(在Windows CE上)上运行。
垂直对齐表格单元格的内容可以使用td上的vertical-align: middle
来完成。
如果要确保第二个列中仅可见两行,请使用line-height。 div的高度为32像素。 您的顶部和底部的填充为1像素,因此剩下30像素。 (假设您使用的是标准框大小),这意味着如果您在div中添加line-height: 15px
,则只会看到两行,而没有尾随的第三行。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.