• 全部
  • 问答

a标签按纽,怎么才能让文字垂直居中?

tudoushaopaigu 2014-11-14 10:22:41
<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

...全文
1240 点赞 收藏 4
写回复
4 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
引用 3 楼 tudoushaopaigu 的回复:
[quote=引用 1 楼 showbo 的回复:] 用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>
引用 2 楼 slwsss 的回复:
<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有一部分被截断了,如图[/quote] 设置height高度定高结合line-height垂直居中文字
回复
tudoushaopaigu 2014-11-14
引用 1 楼 showbo 的回复:
用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>

引用 2 楼 slwsss 的回复:
<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有一部分被截断了,如图
回复
slwsss 2014-11-14
<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,不要用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>
回复
相关推荐
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2014-11-14 10:22
社区公告
暂无公告