QPushbutton设置按钮文字位置(上图下字),有些版本text-align:bottom不生效

目标: QPushbutton上面显示图标下面显示文字

一般来说,qss里使图片上对齐,文字下对齐即可   text-align:bottom;   background-position: top;

qss与web上css3有差异:

1. background-origin是确定背景填充的范围的,qt里content可以生效?css3写法应该是content-box

2. background-repeat的repeat-no-repeat这个写法也和css3不太一样,css3写法是no-repeat

3. text-align在css3也没有bottom, 似乎要用其他方式使文本在div底部:html文字位置底部,css文字在底部怎么写_奀翊的博客-CSDN博客

※ 注意: 有些版本里(如qt5.15.2,creator8.0.1)“ text-align:bottom;” 在编译后显示到窗口时不生效,而left/right/top可以生效,无论是用new还是用ui->pushbutton创建的按钮都是这样;(designer里预览时是有效的),这应该是个版本bug。(在5.9.9+低版本creator是正常的)

非要在有bug的版本使用时,可以考虑用background-origin:padding;padding:24px 0px 0px 12px;

注意四个参数的顺序在不同

  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值