寻找一种仅在元素被截断时才显示工具提示的方法

文章/答案/技术大牛

发布

1回答

vue.js、quasar

我需要帮助找到一个解决方案，以便仅当span元素被截断时才显示工具提示元素。index===4) && col.value">{{ col.value }}</q-tooltip> </q-td> 我曾尝试使用scrollWidth和clientWidth访问span元素，但是当我尝试使用document.getElementById

浏览 18提问于2020-12-11得票数 1

回答已采纳

1回答

如何知道React中的文本是否被截断，以便显示工具提示？

reactjs、ecmascript-6、react-redux

我有一个组件，无论文本是否被截断，它都会显示一个自定义工具提示。这是一个无状态组件。headerTruncate"> </span> </span> );所以文本被'trancate‘CSS类截断了。我想要

浏览 12提问于2019-07-24得票数 0

1回答

仅当使用css类时，Angular 2工具提示

css、angular

我有一个标签太长的按钮，所以我为省略号创建了一个类： (click)="doSomethingimportant; white-space: nowrap; } 问题是工具提示总是显示的，即使标签没有用省略号

浏览 13提问于2018-02-08得票数 1

1回答

防止引导工具提示在祖先给定类时显示

javascript、twitter-bootstrap、tooltip

我有一个侧边栏菜单，用户可以折叠成图标，当需要时，尽量减少菜单的水平空间。当菜单被折叠并悬停一个菜单图标时，它通常的菜单文本延伸到右边。一些菜单项还附加了引导工具提示，这些提示显示在条目的右侧，以显示比菜单中合理的信息更多的信息。但是，当菜单被折叠时，这些工具提示会妨碍显示在右边的菜单文本。我希望工具

浏览 3提问于2014-08-31得票数 1

回答已采纳

3回答

添加工具提示当省略指令对角材料的选择

angular、angular-material、angular9

我在一个角9项目中工作，我有一个指令，如果元素被截断(如果元素的文本太长，溢出以省略号结尾)，它将添加一个matTooltip。这个指令对我一直使用的所有元素都很有效，直到我添加了一个材料选择。“我的材料”选择中的某些选项将有长名称，默认情况下，“材料选择”设置最大宽度大小，如果太长则会溢出带有省略号的文本。但是，我也希望用户能够使用工具提示查看完整的选项名。问

浏览 8提问于2020-09-28得票数 1

回答已采纳

2回答

是否将Bootstrap的工具提示与元素的左侧对齐？

twitter-bootstrap、alignment、tooltip

我正在使用工具提示脚本，当我在被截断的文本上使用工具提示时，我会遇到问题。我正在使用CSS截断文本，然后在该文本上有一个工具提示，以便您可以将鼠标悬停在上面并查看全文。我的问题是，当文本被截断时，工具提示仍然以元素为中心，就好像它没有被截断一样。除了这个问

浏览 0提问于2013-05-18得票数 11

回答已采纳

2回答

是否可以仅在内容带有省略号时才有条件地显示Ant Design工具提示？

reactjs、antd

我使用Ant Design组件<Paragraph>来显示可变大小的文本，并使用省略号选项来显示"...“当该文本超出其容器的长度时。我还向该<Paragraph>添加了一个<Tooltip>，以便在折叠文本时显示整个文本： <Tooltip title="This text is displayed, so I don't want</Paragraph> </

浏览 175提问于2020-04-09得票数 1

回答已采纳

6回答

刷新元素，使其新工具提示显示(在jQuery/Javascript中)

javascript、jquery、twitter-bootstrap、twitter-bootstrap-tooltip

我有一个html元素，它使用引导工具提示在上面悬停时显示一个标题。但是，当您单击此元素时，我将更改工具提示，但新的工具提示将不会显示，直到我从其中移除鼠标并再次在元素上悬停。我希望工具提示被立即显示时，说按钮被点击。我怎样才能做到这一点？在

浏览 5提问于2014-02-27得票数 10

回答已采纳

2回答

如何以编程方式禁用/隐藏核心元素中的CoreTooltip？

dart、dart-polymer、core-elements

有没有一种动态隐藏核心工具提示的方法？一般来说，我要关闭工具提示。但是，如果确定需要工具提示的内容元素具有明显的无效数据，我希望看到工具提示。="Enter Name" </paper-input> </core-tool

浏览 7提问于2014-09-08得票数 3

2回答

如何在windowsforms中显示组合框中选定项的全文？

c#、.net、winforms、combobox

想着你们能帮我找到解决这个问题的方法。问题-我有一个表单上的下拉列表，其中包含可变长度的项目列表。有时文本的宽度超过下拉列表的宽度，文本会被截断。我想要想出一种显示全文的方法。我尝试包含工具提示，当下拉菜单展开时，它工作得很好，但当下拉菜单状态为折叠时，工具提示被隐藏。我想

浏览 1提问于2013-03-28得票数 2

回答已采纳

3回答

如何在c# ( windows窗体)中设置列表视图项的文本大小？

c#、winforms、c#-3.0

如何在c# ( windows窗体)中设置列表视图项的文本大小？LIstView控件的ListViewItem仅显示最多259个字符？为什么是否可以在列表中插入超过259个字符？

浏览 0提问于2011-08-16得票数 1

回答已采纳

1回答

在mx DataGrid中截断文本时，如何在列中显示数据？

apache-flex、flex4、flex3、flex-spark

在mx DataGrid中文本被截断时，是否有一种方法可以在单元格上显示工具提示？如果不是在mx DataGrid，我对火花感兴趣，但我将不得不转换，所以这是最后的手段。更新有一种有条件地显示小费的方法。如果您创建了一个dataTipFunction，然后如果返回null，它将不会显示工具提示。因此，理论上，

浏览 1提问于2013-03-14得票数 1

回答已采纳

1回答

仅在省略号处于活动状态时才显示kendo工具提示

kendo-grid、ellipsis、css、kendo-tooltip

当kendo网格元素的内容仅部分可见时，我想显示工具提示。我无法控制剑道网格元素上工具提示的显示。我看到这个问题已经讨论过了，但是我找不到问题，它似乎是offsetWidth和scrollWidth的值。省略号的工作方式与在css中定义的预期相同。td { text-overflow: e

浏览 2提问于2014-01-09得票数 2

1回答

原型工具提示-控制“方向”

ruby-on-rails、prototype、tooltip、viewport

正如您在此屏幕截图中所看到的，工具提示显示它的方式被视口截断。如果我可以强制工具提示向上显示，而不是向下显示，那么它就不会被切断。

浏览 3提问于2011-03-20得票数 0

回答已采纳

2回答

如何通过JS确定我的风格中是否应用了截断？

javascript、css、tooltip、truncation

我正在使用CSS样式应用截断： white-space: nowrap; -ms-text-overflow: ellipsis; } (旁注:我不确定这是否是编写CSS的最佳方式这是一个Firefox特定的变通方法，因为在Firefox上截断只是一种<

浏览 1提问于2010-05-29得票数 5

回答已采纳

1回答

d3 attach属性(如果存在

javascript、d3.js

使用d3.js可以将数据中的任意属性附加到SVG元素，在本例中，标题将用作工具提示： .data(data) .attr("title", function(d) { return d.title; }) 是否有方法仅在数据中存在属性时才附加该属性？

浏览 2提问于2012-11-19得票数 1

回答已采纳

3回答

截断可能包含也可能不包含HTML元素的段落文本的最快方法是什么？

javascript、jquery

我需要截断可能包含也可能不包含HTML标记的段落文本。我正在寻找直接使用jQuery或vanilla javascript的最有效的方法。"; 截断的文本将位于段落元素中，该元素可以动态扩展以显示所有内容。在这种情况下，我不想剥离HTML标记，然后只在完全展开时才显示它们。

浏览 0提问于2013-07-04得票数 4

1回答

仅当不碎片整理的UltraCombo中的文本太长时才显示工具提示

winforms、combobox、infragistics、ultracombo

我们在WinForms应用程序中使用的是不碎片整理的WinForms。非常感谢。

浏览 2提问于2014-04-30得票数 0

回答已采纳

1回答

HTML5表单验证初始“工具提示”消息

javascript、html、forms、validation、tooltip

我正在寻找一种方法来设置当元素获得required属性时弹出的“工具提示”的初始消息。信息文本是本地化的，所以当该语言是非英语时，它会给出一个未完成的外观。更改/显示验证消息的代码如下： document.querySelector("#imIn").addEventListener("change

浏览 1提问于2021-02-03得票数 0

2回答

截断jsf dropdownlist h中的长文本:selectOneMenu

javascript、jsf

有没有一种快速的方法可以截断h:selectOneMenu中显示的长文本，而不必从scratsh对其进行编码。我想要获得的是截断长文本，并添加一个工具提示来显示整个文本。谢谢

浏览 1提问于2013-02-15得票数 3

回答已采纳

点击加载更多