起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1448|回复: 2

[处理中3] 自定义button文字无法垂直居中

[复制链接]

6

主题

11

帖子

63

积分

初级会员

Rank: 2

积分
63
QQ
发表于 2018-9-7 11:06:19 | 显示全部楼层 |阅读模式
本帖最后由 jztele 于 2018-9-7 11:40 编辑

QQ图片20180907105816.png


上图为批量动态创建的一组button,button的宽度为15%,高度为15vw(请注意计量单位是vw),该如何让文字垂直居中呢?

我看了下button的dom是<a><i></i><span></span></a>

在a上设置line-height:40px;就有效,而设置vertical-align: middle;则无效,设置line-height:100%;也无效,但在实际工作中又不能设置具体的数值。在内层span上也这样

求解求指导!

6

主题

77

帖子

178

积分

初级会员

Rank: 2

积分
178
QQ
发表于 2018-9-10 19:02:56 | 显示全部楼层
1看button的class设置没设置btn-icon-bottom,2.调style:padding-bottom:1px;1换成适中的
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-11-23 10:14 , Processed in 0.088404 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表