qt按钮背景垂直居中
时间: 2024-10-05 08:03:56 浏览: 28
Firefox下input button内文字不能垂直居中的解决方法
在Qt中,要让QPushButton按钮的背景垂直居中,你可以通过设置其样式 sheet (CSS) 来实现。以下是一个例子:
```cpp
QPushButton {
background-color: #your_color; /* 设置背景颜色 */
border: none; /* 取消边框以便更好地显示背景 */
padding: 0px; /* 减小内边距 */
min-width: 50px; /* 设置最小宽度,避免文字太长导致背景偏移 */
max-width: 100%; /* 自适应宽度 */
height: 40px; /* 设定固定高度 */
align-items: center; /* 使用align-items属性垂直居中内容 */
text-align: center; /* 文字水平居中 */
}
QPushButton:hover {
background-color: #hover_color; /* 鼠标悬停时更改颜色 */
}
```
在这个例子中,`align-items: center;` 确保了按钮内的内容(包括文本)在垂直方向上居中。记得将 `#your_color` 和 `#hover_color` 替换为你实际想要的颜色。
如果你是在Qt Designer中设置,可以在“外观”选项卡下的“样式编辑器”里添加或修改上述样式规则。
阅读全文