工具提示没有在CSS显示当TEXTSIZE是大

Question

<a class="ctooltip" tooltip="Definition:1000 characters here 
    onclick="openDocumentTypeHistory(2110)" href="#" >mytestdocument</a> 

CSS样式功能

.ctooltip{ 
     display: inline; 
     position: relative; 
    } 
        .ctooltip:hover:after{ 
     background: #F5F5F5; 
     border-radius: 2px; 
      border-color: #000000; 
      border-style: ridge; 
      border-width: 1px; 
      top: 26px; 
      text-decoration: none; 
     color: #1d3030; 
     left: 20%; 
      content: attr(tooltip); 
     padding: 5px 15px; 
      position: absolute; 
     z-index: 98; 
      width: 220px; 
      max-width: 220px; 
    } 
      a:hover {text-decoration: none; } 

当文本尺寸大我不能显示整个工具提示消息（超过1000个字符，如何解决这个

Answer 1

这里是一个具有悠久工具提示值的例子：

<a href="#" rel="tooltip" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas bibendum ac felis id commodo. Etiam mauris purus, fringilla id tempus in, mollis vel orci. Duis ultricies at erat eget iaculis.">Hover here please</a> 

JS

$(document).ready(function() { 
    $("a").tooltip({ 
    'selector': '', 
    'placement': 'top', 
    'container':'body' 
    }); 
}); 

CSS

div.tooltip-inner { 
    max-width: 350px; 
}