使hover出来的图片居中显示

来源:互联网 发布:微信源码下载 编辑:程序博客网 时间:2024/06/05 18:59

(1)给父级元素加一个相对定位 给子集元素加一个绝对定位
使子元素居中显示的方法即 left:50% margin-left:负子元素宽度的一半
(2)对文字hover 底下图片出来 故要用一个a链接包裹

<div class="col-md-2 text-center">  <a class="mobile-link" href="#">    <i class="icon-mobile"></i>    <span>手机微金所</span>    <!-- 这里使用的是bootstrap中的字体图标 -->    <i class="glyphicon glyphicon-chevron-down"></i>    <img src="..." alt="">  </a></div>
原创粉丝点击