html5 td上下居中显示 css表格垂直居中怎么设置？

css设置表格垂直居中的方法：1、在表格外面嵌套一层table，用table中的td来控制居中。2、将表格放在div标签中，通过为div设置css样式display:table-cell实现垂直居中。

css设置表格垂直居中的方法示例：

方法一：在外面嵌套一层table，用table中的td来控制居中

效果图：

方法二：将表格放在div标签中通过为div设置css样式display:table-cell实现垂直居中。

HTML代码：

css代码：div{ border:5px solid red;

width: 200px; height: 200px;

display: table-cell;

vertical-align: middle;}

table {

border=1px ;

width: 100px; height: 100px;

}

效果图：