Cách đặt chiều rộng tối đa của dijit.ToolTip?

Question

Tôi đã thử những điều sau đây, nhưng nó dường như không hoạt động.

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

Trợ giúp!

Answer 1

Qua thử nghiệm, tôi thấy rằng công trình này:

.dijitTooltip {max-width: 50em;}

Answer 2

Lưu ý rằng sửa đổi kiểu áp dụng đối với tất cả các tooltips trên trang. Dojo tạo (khi được yêu cầu) 1 đối tượng dijit._MasterTooltip phổ biến chứa các nút dom của chú giải công cụ và tất cả các chú giải công cụ đều sử dụng nó. Mã sau đây thêm các lớp css tùy chỉnh vào vùng chứa và trình kết nối của 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"); 

Answer 3

Chỉ cần đặt một div bên trong ToolTip và hạn chế đó là width:

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