[分享]css两个按钮上下对齐

CSS中，实现两个按钮上下对齐可以使用verticalalign属性。该属性可以设置元素的垂直对齐方式，其值可以是top、middle、bottom、texttop和textbottom等。首先，需要...

CSS中，实现两个按钮上下对齐可以使用vertical-align属性。该属性可以设置元素的垂直对齐方式，其值可以是top、middle、bottom、text-top和text-bottom等。

首先，需要在HTML中创建两个按钮元素，默认情况下，这两个按钮的垂直对齐方式会是基线对齐，而非上下对齐。

<button class="btn1">Button 1</button>
<button class="btn2">Button 2</button> 

接着，在CSS中设置这两个按钮的样式，并使用vertical-align属性将它们上下对齐。

.btn1, .btn2 {
  display: inline-block;
  vertical-align: middle;
} 

这样，两个按钮就可以在水平方向上对齐，并且在垂直方向上也已经实现了上下对齐。