Question

Is it possible to check if the anchor text overflows when i have this css/html ?

<a href="#" style"overflow:hidden; width:100px; display:block;>
    This is a very long text. This is a very long text. This is a very long text.
</a>

i use Jquery or pure javascript

Answer 1

You can assign the text content to an tmp element, then calculates it width compare it with <a> width to check if the content overflows or not. See below,

DEMO

$('a').on('click', function () {
    var $tmp = $('<a/>')
                .text($(this).text())
                .css('display','none')
                .appendTo('body');
    alert(($tmp.width() > $(this).width())?'Overflows':'Perfectly Inside');
    $tmp.remove();
});