如何在QTextBrowser中垂直居中图片旁边的文本？
如何在QTextBrowser中垂直居中图片旁边的文本？
提问于 2017-07-14 08:16:08
如何在QTextBrowser中将图片旁边的文本垂直居中？我尝试过使用this answer，但是它不能正确地居中。不过，这种方法适用于较大的图像。我也尝试过使用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_())回答 1
Stack Overflow用户
回答已采纳
发布于 2017-07-14 08:36:36
您可以使用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_())页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45098039
复制相关文章
相似问题
腾讯云开发者
