一、两个div水平顶部对齐
两个div都设置display:inline-block; 并且右边的div增加样式vertical-align: top; 使得右边的div跟左边的div的顶部对齐。
二、两个span水平顶部对齐
125网页设计
让两个span水平顶部对齐：
125网页设计
如果让上面两个span垂直居中对齐，可以把vertical-align的值设置为middle即可。
125网页设计
三、同一行div跟内容最多的div高度保持一样高
div{float:left;}
内容多 内容少
解决方法：在所有div外面套个div，然后把overflow设置为hidden，并对内部div设置margin-bottom:-10000px;padding-bottom:10000px;
#main{overflow:hidden;zoom:1;}
#left,#right{ float:left;margin-bottom:-10000px;padding-bottom:10000px; border:1px solid #090; width:200px; }
1行内容
2行内容
3行内容
4行内容
5行内容
内容少
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2908.html