Html中设置按钮竖直居中

button标签一定要用一个div包裹着,类似于这种的,



其中css的布局如下:

#search {
display: table;
text-align: center;
float: right;
width: 20%;
height: 10%;
}


#sbutton {
display: table-cell;
vertical-align: middle;
}


最终效果:

Html中设置按钮竖直居中_第1张图片

你可能感兴趣的:(Html中设置按钮竖直居中)