QPushbutton设置按钮文字位置（上图下字），有些版本text-align:bottom不生效

已于 2023-02-23 15:19:24 修改
阅读量6.3k 收藏 21
点赞数 6
分类专栏： C/C++，MFC/Qt，boost/poco …… 文章标签： 前端 css qt c++
于 2022-09-20 02:34:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/starfire_hit/article/details/126945251
版权
在尝试使QPushbutton的按钮文字位于底部时，遇到`text-align: bottom`在某些Qt版本（如5.15.2, Creator 8.0.1）中不生效的问题。尽管在Designer中预览正常，但在实际编译运行时，文字并未出现在底部。解决方案是使用`background-origin: padding`并调整padding值。这可能是一个版本bug，因为较低版本的Qt（如5.9.9）和Creator表现正常。" 53393708,4994487,iOS CLLocationManager坐标纠偏：WGS_84转GCJ_02,"['iOS开发', '地图服务', '坐标系统', '位置矫正', '算法实现']

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目标: 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;

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

最低0.47元/天 解锁文章
Qt之使用QSS设置QPushButton图标和文本的位置
草上爬的博客
08-11 9444
Qt之使用QSS设置QPushButton图标和文本的位置，本文将演示如何使用样式表控制按钮中的图标和本文。
Qt: QPushButton 按钮实现 上图标下文字
q610098308的专栏
06-23 3266
Qt: 有时我们需要实现，上图标下文字的按钮
QPushbutton设置按钮文字位置（文本对齐方式）和左右上边框线型和颜色
热门推荐
净无邪博客
10-12 2万+
1.1 QPushbutton中，设置按钮内容text可用QSS设置，QSS代码为： text-align:bottom; 结合设置按钮大小和背景图标大小，可以设置上面图标下面文字，中间间距可以任意调整效果。 1.2设置按钮上面、左边、右边边框线型和颜色 "#QCustomButton,QLabel{background:transparent;border:0px;color:...
QT creator里面按钮控件文字怎么换行
Yy468545的博客
02-21 520
在 QT Creator 中，如果希望 QPushButton 控件中的文字能够换行显示，可以通过设置按钮的。另外一种方式是在设计师模式下操作，选中目标按钮后，在右侧属性编辑器找到。对于QPushButton来说，直接在其文本属性中加入。可以实现简单的手动换行效果。字符分隔的文字串即可达到相同目的。
Qt qpushbutton上添加图片和文字
qq_44084616的博客
12-18 1万+
在button上添加图片和文字，通过background-image、border-image、setIcon、pixmap等方式添加图片，都无法做到图片在上，文字在下。 步骤一：在pushbutton 直接输入文字，调整文字位置 步骤二： QLabel* image_label_3 = new QLabel; image_label_3->setFixedSize(50,50); image_label_3->setStyleSheet("QLabel{border-image:url(:/
Qt自定义按钮，实现图片、文字内容位置任意布局（上图下文字、左图又文字），以及样式表设置（鼠标滑过、单击效果）
净无邪博客
10-13 6325
本文主要总结在一个自定义的按钮。该按钮可以任意摆放图片和文字位置和距离，同时可以用QSS设置按钮内图片、文字、整个按钮的样式表效果，也就是说，可以实现鼠标划过、鼠标选中等样式表，跟原来QPushbutton的样式表效果一模一样！ 效果图 源代码下载地址：https://download.csdn.net/download/naibozhuan3744/11860062 全文主要分为两...
Qt中QPushButton设置按钮的文本位置
肩上风骋的博客
10-18 4014
按钮文本位置设置无效。
QPushButton上文字位置的设置（Qt4）
guyansrg的专栏
09-25 1万+
最近在Qt中文论坛上看到这么一个提问，如题。自己简单测试了一下，对于靠左、靠右的设定可以这么做： 左对齐qApp->setStyleSheet("QPushButton{text-align : left;}");右对齐qApp->setStyleSheet("QPushButton{text-align : right;}");或者是：//左对齐pushButton.setS
QPushbutton 实现如toolbutton 一样上面图标下面字体
HUANG_XIAOJUN的博客
10-24 590
【代码】QPushbutton 实现如toolbutton 一样上面图标下面字体。
QPushbutton设置icon和文字 （文字在图标下方）
thequitesunshine007的博客
03-09 1万+
1.使用系统自带api QIcon myicon1; myicon1.addFile(tr(":/image/Resource/new.png")); ui->new_btn->setIcon(myicon1); ui->new_btn->setIconSize(ui->new_btn->size()); //ui.btn_calib->setIconSize(QSize(90, 90));
[Qt] Qss text-align属性不生效
qq_47500842的博客
11-02 187
Qt QSS大坑 ~ text-align
Qt自定义按钮，实现图片、文字内容位置任意布局（上图下文字、左图又文字），以及样式表设置（鼠标滑过、单击效果）.zip
10-13
总结在一个自定义的按钮。该按钮可以任意摆放图片和文字位置和距离，同时可以用QSS设置按钮内图片、文字、整个按钮的样式表效果，也就是说，可以实现鼠标划过、鼠标选中等样式表，跟原来QPushbutton的样式表效果一模一样！博客原理详解和效果图地址：https://blog.csdn.net/naibozhuan3744/article/details/102536188。编译环境为：Qt5.9.4+QtCreator4.5.0+MinGW32
Qt 自定义QPushButton样式表
12-02
自定义QPushButton样式，通过选择背景渐变、边框、字体、字号、鼠标移入移出切换、点击态等自动生成样式code，然后调用setStyleSheet().....
图标和文字同时存在text-align不生效的为啥
最新发布
03-26
好的，用户现在的问题是：当QPushButton同时有图标和文字时，为什么text-align属性不生效。之前的对话中，我介绍了如何通过样式表设置文字下边界对齐，但现在用户遇到了图标和文字共存时的对齐问题。我需要先理解这...
Qt研发易忽略问题整理（二）
liunanya的博客
01-25 644
说明 Qt研发易忽略问题整理（一） 1.对于控件位置可能会影响其value的值问题。 这类问题容易发生在依据工程中数据设置某个控件位置（例如依据QSlider宽度和数据值定位控件位置），哪怕你是有resizeEvent，当控件在没show出来的之前，其pos，geometry，如果没有resize触发。最初的值是与ui拖拽设计有关（就是ui拖拽的posgeometry）的，这个时候尽量保证ui宽度是正确的宽高。如果是自定义的ui（不通过xxxx.ui）生成，那你也需要初始化其值，并且要保证其值设置
qpushbutton 设置字体在下边界
03-26
QPushButton* btn = new QPushButton("按钮文字", this); btn->setStyleSheet( "QPushButton {" " padding: 0px 5px 3px 5px;" // 顺序：上 右 下 左 " text-align: bottom;" // 强制底部对齐 " border: 1px ...
【Qt 按钮】QPushButton所有函数和样式
m0_45463480的博客
11-26 7216
【Qt 按钮】QPushButton所有函数和样式 一、QSS语句 （界面样式大全） 二、 构造函数 三、Geometry （获取属性） 四、 QFont 五、setFont 六、text 七、setText 八、move 九、resize 十、adjustSize[按钮自动适应文本大小] 十一、setFocus 十二、hasFocus 十三、clearFocus 十四、setCursor 十五、setDisabled 十六、setProperty 十七、setEnabled 十八、setVisible (
利用QSS自由控制QPushButton中图片和文字的位置
斧冰
09-30 1万+
参考； QPushButton通过Qss控制背景图片位置
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值