问答详情
源自:3-3 企业网站制作之页面头部制作(二)

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

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

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

提问者:清水3201892 2016-08-30 00:42

个回答

  • 十二月晴朗
    2016-08-31 16:05:27
    已采纳

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

  • 清水3201892
    2016-08-30 02:25:28

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


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

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

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