Tooltip angezeigt wird nicht in CSS, wenn Textgröße groß ist

Question

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

der CSS Style-Funktion

.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; } 

, wenn die Textgröße groß ist, ich nicht die gesamte Tooltip Meldung anzeigen kann (mehr als 1000 Zeichen dies zu beheben, wie kann ich

Answer 1

hier ein Beispiel mit einem langen Werkzeug-Spitze-Wert:

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