图标和标题,不同元素保证同一水平线
2015-12-28 10:37
197 查看
<img src="images/vip.jpg" alt=""> <a href="#">会员管理</a>
我以往的图标和标题的写法,都是这样的,但是有一个问题,图片往往和字不在一个水平线,需要给图片加样式代码来调整他的位置,挺难调整的。
今天思考了下,发现可以这样,把图标写在<a></a>里面,这样的话,他们就不是两个元素,就不存在位置不一样的情况了。
<a href="#" class="vip">会员管理</a>
.vip a{ background-image: url("vip.jpg") left center; }
其他的情况,两个元素水平方向不在一个水平线,都可以按照这种方式去做。
相关文章推荐
- typedef 与 define 的区别
- java基础 -- Collections.sort的两种用法
- 浅析AngularJS Filter用法
- myeclipse 设置web-root folder
- 关于Virtualbox网络设置了解NAT模式后无法SSH连接的问题
- jquery实现倒计时功能
- ListView分类加载
- iOS限制此应用不可在越狱机上使用
- Educational Codeforces Round 4 B. HDD is Outdated Technology 暴力
- 大数据算法摘录
- eclipse 集成 tomcat 防止内存溢出
- Eclipse项目转Android Studio时编码问题
- ViewPager滑动引导页
- 惊群效应测试
- Android WebView自定义处理错误页面显示
- 什么是多态
- 坐标移动
- jq 滚动到底事件
- Java线程篇(八):锁对象Lock-同步问题完美解决
- C++ STL priority_queue