Question

css里面如何让两个元素底部对齐

css文件里面有两个class, .label, .select, 如何让它们的底部对齐？而不是顶部对齐？

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<style>标签中，输入css代码：label{float:left;padding-top: 4px;}。

3、浏览器运行index.html页面，此时label的底部成功和select的底部对齐。

Answer 2

　　使用vertical-align:bottom可以达到效果，代码如下：

　　.bottom {vertical-align:bottom}
　　.input {vertical-align:bottom}

　　<p>
　　<img class="bottom" border="0" src="/i/eg_cute.gif" /><input class="input"/>
　　</p>

Answer 3

.select { vertical-align:text-bottom ;}
建议去w3cschool看看vertical-align的教程

Answer 4

vertical-align:50%;