【问题标题】:Adding space between image and text in QPushButton在 QPushButton 中添加图像和文本之间的空间
【发布时间】:2017-08-02 06:40:23
【问题描述】:

我有一个富文本按钮,它是QPushButton 的后代,并使用QTextDocument 来获得有限的HTML 支持。我需要创建一个按钮,左侧有一个图标,右侧有一个标题(图像和文本之间有一些空间)。

所以,假设我们有set_html(const QString& html) 方法。我未能通过img 标签中的style 属性(带有margin)在图像和文本之间添加空格。该方法的输入字符串是什么?

【问题讨论】:

  • 您是使用QPushButton::setIcon() 还是将图标作为<img ...> 放入HTML 文本中?在后一种情况下,为什么不在图像和文本之间添加一些 (“非退格”字符)?
  • 我使用 标签。我想以像素为单位使用偏移量。
  • 嗯,我明白了。尽管“非退格”字符的想法可以免费提供适当的放大(例如,如果字体大小可能会有所不同)。我不确定这是否也可能是高分辨率显示器的问题。

标签: html css qt qtextdocument


【解决方案1】:

您可以尝试以下详细的解决方法(由于 QLabel 中的 HTML 支持有限):

<table><tr><td><img src=":/save_monitor_settings.png"/></td><td style="padding-left:10px;">Some text</td></tr></table>

【讨论】: