表格里面div中垂直居中的问题

Question

#pro-t1,#pro-t2,#pro-t3,#pro-t{
word-wrap:break-all;
word-break:break-all;
white-space:normal;
line-height: 20px;
text-align: center;
vertical-align:middle;
align-items:center;
}

Answer 1

用line-height来解决啊
设置line-height = 表格td的高度

Answer 2

div设置行高line-height等于div的高度。
或者用div模拟table，将div的display设置成table-cell,你的vertical-align:middle就起作用了

Answer 3

line-height=包裹它的元素的高度

Answer 4

当只有一行字的时候用 line-height = td的高度
超过一行的时候用 display:table-cell;verticle-align:middle