                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

设置tel图片 vertical-align: middle;?

.logo_right img
{
  vertical-align:middle;
  margin-right:10px;
}

这设置图片的垂直居中为什么会让文字变动呢？

清水3201892

2016-08-30

源自：企业网站综合布局实战 3-3

关注问题我要回答

866

操作

收起

2 回答

十二月晴朗回答被采纳 +3 积分
2016-08-31

我也有这个疑问，想提问搜到你的问题，刚才突然理解了。。哈哈哈。因为vertical-align：middle属性是相对于父元素垂直居中，文字其实是写在父元素div里的，所以设置后图片就相对父元素（也就是文字）垂直居中了。

0 回复有任何疑惑可以回复我~

收起回答

清水3201892 提问者

非常感谢！

2016-09-02 回复有任何疑惑可以回复我~

清水3201892 提问者
2016-08-30

自问自答欢迎后面的朋友来讨论

因为图片往下移了，与他的父元素（文字也在父元素里面）垂直居中

但他往下移了些距离上面就有空隙于是图片和文字又同时往上移了相同的距离（就是之前下移的距离）

最终造成视觉上图片没动，文字上移。

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

企业网站综合布局实战

参与学习 157043 人
解答问题 1984 个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

进入课程

本课相似问答

2 回答vertical-align问题

2 回答搜索图片如何设置点击状态。

8 回答设置overflow:hidden后一张图片都没有了

1 回答为什么nav_right设置高度图片就对齐了？？？？

1 回答把tel的样式标签写成.logo_right tel为什么就不行了？

搜索更多本课相关问答

设置tel图片 vertical-align: middle;?

我要回答关注问题

热搜

最近搜索清空

设置tel图片 vertical-align: middle;?

2 回答

本课相似问答

设置tel图片 vertical-align: middle;?