先来看张图片
相信很多css新手遇到过这种问题，就是当图片和文本显示在一行的时候，效果很奇葩，文字和图片没法对齐，
这时我们需要做的是：
1，先给块级元素设置 display: inline-block; (行内的块级元素)
2，给图片设置高度，文本盒子不设置高度
3，给图片和文本都设置 vertical-align: middle;
4，搞定，看效果吧
顺便贴一下示例代码
图片文字垂直居中
img{
width: 100px;
height: 60px;
vertical-align: middle;
}
div{
vertical-align: middle;
display: inline-block;
}
纵然只有倒下才是终点，我只有未来没有从前。
UIButton 设置图片文字垂直居中排列
#pragma mark 按钮图片文字垂直居中排列 -(void)setButtonContentCenter:(UIButton *)button { CGSize imgViewSize,titl …
css图片+文字浮动(文字包围效果)
css图片+文字浮动(文字包围效果): 在网页中,我们有时想实现这个效果,但是
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/218216.html原文链接：https://javaforall.net
