Question

我尝试了以下操作，但似乎没有用。

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");

帮助！

Answer 1

通过实验，我发现这有效：

.dijitTooltip {max-width: 50em;}

Answer 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>

Answer 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");

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

3 个答案: