MyException - 我的异常网
当前位置:我的异常网» 热门搜索 » a 居中

a 居中

www.MyException.Cn  网友分享于:2013-09-28   搜索量:55次
场景:

a标签按纽,怎么才能让文字垂直居中?
<li class="click"><span><a href="javascript:void(0)" style="background:url('../images/t03.png'); padding-left:29px; padding-top:7px;" onclick="pageAdd()" > 新增</a></li>

padding-top是因为如果没有的话,按纽icon下面有一点会被拦截。  

但为什么a标签有padding-top,里面的文字却没变?
如图,怎么样才能把按纽中的文字让它垂直居中?

图片地址:http://ccnna.img42.wal8.com/img42/501254_20141114101150/141593117443.jpg


------解决思路----------------------
用line-height,不要用padding-top

<li class="click"><span><a href="javascript:void(0)" style="background:url('../images/t03.png'); padding-left:29px; line-height:30px;" onclick="pageAdd()" > 新增</a></li>
------解决思路----------------------
<li class="click"><span><a href="javascript:void(0)" style="background:url('../images/t03.png');line-height: 26px;display: inline-table;" onclick="pageAdd()" > 新增</a></li>

------解决思路----------------------
引用:
Quote: 引用:

用line-height,不要用padding-top
<li class="click"><span><a href="javascript:void(0)" style="background:url('../images/t03.png'); padding-left:29px; line-height:30px;" onclick="pageAdd()" > 新增</a></li>

引用:
<li class="click"><span><a href="javascript:void(0)" style="background:url('../images/t03.png');line-height: 26px;display: inline-table;" onclick="pageAdd()" > 新增</a></li>



如果用line-height的话,文字是好的,但icon有一部分被截断了,如图

设置height高度定高结合line-height垂直居中文字
  • 上一篇:应答位
  • 下一篇:cmgs
  • 文章评论

    那些争议最大的编程观点
    那些争议最大的编程观点
    那些性感的让人尖叫的程序员
    那些性感的让人尖叫的程序员
    程序员都该阅读的书
    程序员都该阅读的书
    做程序猿的老婆应该注意的一些事情
    做程序猿的老婆应该注意的一些事情
    Web伟德国际app者需具备的8个好习惯
    Web伟德国际app者需具备的8个好习惯
    团队中“技术大拿”并非越多越好
    团队中“技术大拿”并非越多越好
    中美印日四国程序员比较
    中美印日四国程序员比较
    十大编程算法助程序员走上高手之路
    十大编程算法助程序员走上高手之路
    总结2014中国互联网十大段子
    总结2014中国互联网十大段子
    Web伟德国际app人员为什么越来越懒了?
    Web伟德国际app人员为什么越来越懒了?
    科技史上最臭名昭著的13大罪犯
    科技史上最臭名昭著的13大罪犯
    如何成为一名黑客
    如何成为一名黑客
    鲜为人知的编程真相
    鲜为人知的编程真相
    什么才是优秀的用户界面设计
    什么才是优秀的用户界面设计
    60个伟德国际app者不容错过的免费资源库
    60个伟德国际app者不容错过的免费资源库
    初级 vs 高级伟德国际app者 哪个性价比更高?
    初级 vs 高级伟德国际app者 哪个性价比更高?
    要嫁就嫁程序猿—钱多话少死的早
    要嫁就嫁程序猿—钱多话少死的早
    程序员应该关注的一些事儿
    程序员应该关注的一些事儿
    程序员眼里IE浏览器是什么样的
    程序员眼里IE浏览器是什么样的
    程序员的鄙视链
    程序员的鄙视链
    Google伦敦新总部 犹如星级庄园
    Google伦敦新总部 犹如星级庄园
    亲爱的项目经理,我恨你
    亲爱的项目经理,我恨你
    我的丈夫是个程序员
    我的丈夫是个程序员
    聊聊HTTPS和SSL/TLS协议
    聊聊HTTPS和SSL/TLS协议
     程序员的样子
    程序员的样子
    老美怎么看待阿里赴美上市
    老美怎么看待阿里赴美上市
    5款最佳正则表达式编辑调试器
    5款最佳正则表达式编辑调试器
    程序员的一天:一寸光阴一寸金
    程序员的一天:一寸光阴一寸金
    编程语言是女人
    编程语言是女人
    10个调试和排错的小建议
    10个调试和排错的小建议
    10个帮程序员减压放松的网站
    10个帮程序员减压放松的网站
    为啥Android手机总会越用越慢?
    为啥Android手机总会越用越慢?
    我是如何打败拖延症的
    我是如何打败拖延症的
    程序员最害怕的5件事 你中招了吗?
    程序员最害怕的5件事 你中招了吗?
    2013年美国伟德国际app者薪资调查报告
    2013年美国伟德国际app者薪资调查报告
    看13位CEO、创始人和高管如何提高工作效率
    看13位CEO、创始人和高管如何提高工作效率
    Java程序员必看电影
    Java程序员必看电影
    不懂技术不要对懂技术的人说这很容易实现
    不懂技术不要对懂技术的人说这很容易实现
    “懒”出效率是程序员的美德
    “懒”出效率是程序员的美德
    旅行,写作,编程
    旅行,写作,编程
    每天工作4小时的程序员
    每天工作4小时的程序员
    为什么程序员都是夜猫子
    为什么程序员都是夜猫子
    程序员和编码员之间的区别
    程序员和编码员之间的区别
    程序员周末都喜欢做什么?
    程序员周末都喜欢做什么?
    当下全球最炙手可热的八位少年创业者
    当下全球最炙手可热的八位少年创业者
    “肮脏的”IT工作排行榜
    “肮脏的”IT工作排行榜
    写给自己也写给你 自己到底该何去何从
    写给自己也写给你 自己到底该何去何从
    程序员必看的十大电影
    程序员必看的十大电影
    老程序员的下场
    老程序员的下场
    软件伟德国际app程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有