问题描述
QGroupBox设置线框样式之后,如下图所示“测试”标题显示位置偏下了。
原因分析:
是因为设置了线框,导致原先的线框设置被覆盖,需要重新设置线框上外边距的参数.
解决方案:
在QGroupBox的样式设置中设置上外边距,如下所示:
QGroupBox {
border: 1px solid gray;
border-radius: 5px;
margin-top: 2ex;
}
QGroupBox::title {
subcontrol-origin: margin;
subcontrol-position: top center; /* 设置标题在顶部中间 */
padding: 0 3px;
color:#cdcdcd;
}
margin-top: 2ex: 表示为QGroupBox的上外边距设置了一个大小为2ex的空白区域。
ex(字体单位):ex是一种相对长度单位,它基于当前字体的x-height(小写字母x的高度)来计算。不同字体、字号下,ex的实际像素值会有所不同。使用ex作为单位设置QGroupBox的margin-top,可以使外边距的大小与当前字体大小相关联。