大佬教程收集整理的这篇文章主要介绍了css – 如何在div中垂直对齐两个或多个(并排)元素?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div class="footer-icons"> <div id="footer-twitter"> <img src="images/twitter.png" width="40" alt=""> </div> <div id="footer-fb"> <div class="fb-like" data-href="http://facebook.com/user" data-send="false" data-layout="button_count" data-width="160" data-show-faces="false" data-font="arial"></div> </div> </div>
twitter div的高度为40px,fb div的高度为20px.目前正在发生的是fb div垂直居中于twitter图像的下边缘.这是CSS:
.footer-icons { padding-top:40px; width:300px; margin:auto; text-align:center; vertical-align:middle; } #footer-twitter { display:inline-block; } #footer-fb { display:inline-block; }
我究竟做错了什么?
以上是大佬教程为你收集整理的css – 如何在div中垂直对齐两个或多个(并排)元素?全部内容,希望文章能够帮你解决css – 如何在div中垂直对齐两个或多个(并排)元素?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。