当前位置:   article > 正文

Qt-qss盒子模型_盒子模型qss 挤压

盒子模型qss 挤压

QLabel宽高均设置200,并设置QLabel的styleSheet属性:

  1. #label{
  2. background:#cdcdcd;
  3. background-clip:content;
  4. padding:20px;
  5. border:20px solid;
  6. margin:20px;
  7. }

效果如下

 

从里到外的色块分别是content,padding,border,margin区域。 设置geometry属性的宽度和高度,指的是包括margin在内的长和高,调整padding,border,margin时会向内挤压,因此文字可能被挤压消失。background-clip属性可以指定background-color覆盖的范围,可选值有margin | border | padding | content,调整background-clip值多次运行程序可以看到其覆盖的范围确实如前所述。需要注意的是如果不设置该属性,默认覆盖的范围是content+padding+border,可以通过如下qss验证:

  1. #label{
  2. background:#cdcdcd;
  3. padding:20px;
  4. border:20px solid transparent;
  5. margin:20px;
  6. }

 

参考:

1.https://doc.qt.io/archives/qt-4.8/stylesheet-reference.html#background-clip-prop

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/377292
推荐阅读
相关标签
  

闽ICP备14008679号