MyException - 博狗网
当时方位:博狗网» 抢手查找 » a 居中

a 居中

www.bsjylc692.com  网友共享于: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笔直居中文字

文章谈论

那些争议最大的编程观念
那些争议最大的编程观念
那些性感的让人尖叫的程序员
那些性感的让人尖叫的程序员
程序员都该阅读的书
程序员都该阅读的书
做程序猿的老婆应该留意的一些作业
做程序猿的老婆应该留意的一些作业
Web开发者需具有的8个好习惯
Web开发者需具有的8个好习惯
团队中“技能大拿”并非越多越好
团队中“技能大拿”并非越多越好
中美印日四国程序员比较
中美印日四国程序员比较
十大编程算法助程序员走上高手之路
十大编程算法助程序员走上高手之路
总结2014我国互联网十大段子
总结2014我国互联网十大段子
Web开发人员为什么越来越懒了?
Web开发人员为什么越来越懒了?
科技史上最臭名远扬的13大罪犯
科技史上最臭名远扬的13大罪犯
怎样成为一名黑客
怎样成为一名黑客
不为人知的编程本相
不为人知的编程本相
什么才是优异的用户界面设计
什么才是优异的用户界面设计
60个开发者不容错失的免费资源库
60个开发者不容错失的免费资源库
初级 vs 高档开发者 哪个性价比更高?
初级 vs 高档开发者 哪个性价比更高?
要嫁就嫁程序猿—钱多话少死的早
要嫁就嫁程序猿—钱多话少死的早
程序员应该重视的一些事儿
程序员应该重视的一些事儿
程序员眼里IE浏览器是什么样的
程序员眼里IE浏览器是什么样的
程序员的轻视链
程序员的轻视链
Google伦敦新总部 犹如星级庄园
Google伦敦新总部 犹如星级庄园
亲爱的项目经理,我恨你
亲爱的项目经理,我恨你
我的老公是个程序员
我的老公是个程序员
聊聊HTTPS和SSL/TLS协议
聊聊HTTPS和SSL/TLS协议
 程序员的姿态
程序员的姿态
老美怎样看待阿里赴美上市
老美怎样看待阿里赴美上市
5款最佳正则表达式修改调试器
5款最佳正则表达式修改调试器
程序员的一天:一刻千金
程序员的一天:一刻千金
编程言语是女性
编程言语是女性
10个调试和排错的小主张
10个调试和排错的小主张
10个帮程序员减压放松的网站
10个帮程序员减压放松的网站
为啥Android手机总会越用越慢?
为啥Android手机总会越用越慢?
我是怎样打败延迟症的
我是怎样打败延迟症的
程序员最惧怕的5件事 你中招了吗?
程序员最惧怕的5件事 你中招了吗?
2013年美国开发者薪资调查报告
2013年美国开发者薪资调查报告
看13位CEO、开创人和高管怎样进步作业功率
看13位CEO、开创人和高管怎样进步作业功率
Java程序员必看电影
Java程序员必看电影
不明白技能不要对懂技能的人说这很简单完成
不明白技能不要对懂技能的人说这很简单完成
“懒”出功率是程序员的美德
“懒”出功率是程序员的美德
游览,写作,编程
游览,写作,编程
每天作业4小时的程序员
每天作业4小时的程序员
为什么程序员都是夜猫子
为什么程序员都是夜猫子
大发
程序员和编码员之间的差异
程序员周末都喜爱做什么?
程序员周末都喜爱做什么?
当下全球最炙手可热的八位少年创业者
当下全球最炙手可热的八位少年创业者
“龌龊的”IT作业排行榜
“龌龊的”IT作业排行榜
写给自己也写给你 自己究竟该何去何从
写给自己也写给你 自己究竟该何去何从
程序员必看的十大电影
程序员必看的十大电影
老程序员的下场
老程序员的下场
软件开发程序过错反常ExceptionCopyright © 2009-2015 MyException 版权所有