html - 如何在 QWebEngineView 中禁用工具提示(标题)的自动换行

标签 html css qt qtwebengine

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

[编辑]
尝试运行 this Chrome 中的简单 HTML 示例,然后使用 QWebEngineView,您将看到不同之处。当您将鼠标悬停在 <p> 上时QWebEngineView 中的元素,您会看到工具提示被包装,这与 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;
 }

最佳答案

请打破 html 中的文本的样子。

title="FullScreen 
( Alt + F11)"

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

关于html - 如何在 QWebEngineView 中禁用工具提示(标题)的自动换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53463415/

相关文章:

css - 显示左对齐和右对齐的内容,中间有可变宽度的线

jquery - Nanoscroller.js - 文本溢出但没有滚动条?

qt - qmake:如果存在 pkg-config 中的标志,则使用它们,否则使用默认值

c++ - QML - 启动时的主窗口位置(屏幕中心)

css - 如何在 Bootstrap 4 中将导航栏链接居中

c++ - 我可以使用 singleShot(true) 使正在运行的 QTimer 在下一次拍摄后停止吗?

javascript - 如何在javascript中将元素从一个数组复制到另一个数组?

javascript - 如何为react-bootstrap选项卡组件放置工具提示

javascript - 使用 ng-if 获取 ui-router 的当前状态

jquery - 为什么我的 css 动画只在第一次触发时播放?而不是再次触发后续事件?