如何设置 dijit.ToolTip 的最大宽度？

Posted 2023-02-16

【中文标题】如何设置 dijit.ToolTip 的最大宽度？

【英文标题】：How to set max-width of dijit.ToolTip?

【发布时间】：2009-12-28 22:51:57

【问题描述】：

我尝试了以下方法，但似乎没有用。

var helpIcon = dojo.create("span", "class":"help-icon", innerhtml:"[?]", td1);
var tooltip = new dijit.Tooltip(
        connectId: [helpIcon],
        label: "large paragraph of text here ... "
    );
tooltip._setStyleAttr("max-width: 100px");

救命！

【参考方案1】：

通过实验，我发现这是可行的：

.dijitTooltip max-width: 50em;

【讨论】：

+1 看起来你也在 Dojo 论坛上讨论过 here ？并获得了对此解决方案的一些支持。

【参考方案2】：

只需在ToolTip 内放一个 div 并限制它的宽度：

<span id="a">Some Text</span>
<div dojoType="dijit.Tooltip" connectId="a" position="below">
    <div style="width: 400px;">Some Info Some Info Some Info Some Info 
    Some Info Some Info Some Info Some Info Some Info Some Info Some Info 
    Some Info Some Info Some Info Some Info Some Info Some Info Some Info 
    Some Info Some Info Some Info Some Info Some Info Some Info </div>
</div>

【参考方案3】：

请注意，样式修改适用于页面上的所有工具提示。 Dojo（在需要时）创建 1 个通用 dijit._MasterTooltip 对象，该对象包含工具提示的 dom 节点，并且所有工具提示都使用它。 以下代码将自定义 css 类添加到 rooltips 的容器和连接器中。

if(!dijit._masterTT)
    dijit._masterTT = new dijit._MasterTooltip();
// Add a css class to the container
if(dijit._masterTT.domNode.childNodes[0])
    dojo.addClass(dijit._masterTT.domNode.childNodes[0], "classContainer");
// Add a css class to the connector
if(dijit._masterTT.domNode.childNodes[1])
    dojo.addClass(dijit._masterTT.domNode.childNodes[1], "classConnector");