如何在QWebEngineView

时间:2018-11-24 23:47:48

标签: html css qt qtwebengine

使用QWebEngineView::setHtml显示本地HTML文件时,我注意到工具提示的文本是自动换行的。我试图修改CSS以禁用自动换行功能,但是它不起作用。在Chrome上,我没有这个问题。

[EDIT]
尝试在 Chrome 中运行this简单的HTML示例,然后使用 QWebEngineView ,您会发现区别。当您将鼠标悬停在 QWebEngineView 中的<p>元素上时,您会看到工具提示是 wrapped 的,与 Chrome 不同。

以下是一些屏幕截图:

QWebEngineView

screenshot

Chrome

screenshot

这是HTML:

<div id="fullSc" class="fullScCls" title="FullScreen (Alt + F11)" onclick="fullSc(this);"><span></span></div>

这是CSS:

.fullScCls {
 width:32px;
 height:32px;
 color:#fff;
 font-size:18pt;
 font-family: IconFont;
 cursor:pointer;

 white-space:pre; // I tried this because it works with QTooltip (rich text)
                  // even if it will affect the div content only, and not its tooltip I think
 }
.fullScCls:hover{
 color:#42AECC;
 transition: .5s;
 }

1 个答案:

答案 0 :(得分:1)

请以html格式中断文本。

title="FullScreen 
( Alt + F11)"

Codepen: https://codepen.io/tushar-kumawat/pen/KrROjJ