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;
}
效果图:
如果觉得《html5 td上下居中显示 css表格垂直居中怎么设置?》对你有帮助,请点赞、收藏,并留下你的观点哦!