如何在 QTextBrowser 中将文本垂直居中放置在图像旁边？

Question

如何在 QTextBrowser 中正确地垂直居中图像旁边的文本？我尝试将 this answer 用于 HTML，但它没有正确居中。不过，这种方法适用于较大的图像。我也尝试使用 self.textBrowser.setStyleSheet("vertical-align: middle;") 但无济于事。

更大的图标：

小图标：

我的代码：

import sys
from PyQt5.QtWidgets import *

class Window(QWidget):
    def __init__(self, *args, **kwargs):
        QWidget.__init__(self, *args, **kwargs)
        self.resize(300, 170)

        self.textBrowser = QTextBrowser(self)
        self.textBrowser.document().setHtml("""
<div>
    <img src="icons/info1.png" style="vertical-align: middle;"/>
    <span style="vertical-align: middle;">Here is some text.</span>
</div>""")

        self.layout = QGridLayout()
        self.layout.addWidget(self.textBrowser)
        self.setLayout(self.layout)

app = QApplication(sys.argv)
win = Window()
win.show()
sys.exit(app.exec_())

Answer 1

您可以使用 html 表格，这样垂直对齐就可以了

import sys

from PyQt5.QtWidgets import *


class Window(QWidget):
    def __init__(self, *args, **kwargs):
        QWidget.__init__(self, *args, **kwargs)
        self.resize(300, 170)

        self.textBrowser = QTextBrowser(self)
        self.textBrowser.document().setHtml("""
<table width="100%">
    <tr>
        <td><img height="500" src="icons/info1.png"/></td>
        <td style="vertical-align: middle;">Here is some text.</td>
    </tr>
</table>
""")

        self.layout = QGridLayout()
        self.layout.addWidget(self.textBrowser)
        self.setLayout(self.layout)

app = QApplication(sys.argv)
win = Window()
win.show()
sys.exit(app.exec_())

如何在 QTextBrowser 中将文本垂直居中放置在图像旁边？

How do vertically center text next to an image in QTextBrowser?

python

qt

pyqt

pyside

python-3.x

更大的图标：

小图标：

我的代码：