Можно ли изменить высоту элемента, на количество строк в ReadMore.js?

Question

[Den Savi]

Можно ли как-то изменить высоту блока (collapsedHeight: 83) на количество строк? Нужно сделать, чтобы было 4 строки. А то не во всех браузерах нормально отображается :(

<script type='text/javascript' src="/js/readmore.min.js"></script>
        <script>
        $(function() {
        $('#description').readmore({
        moreLink: '<a href="#">Подробнее...</a>',
        lessLink: '<a href="#">Скрыть</a>',
        collapsedHeight: 83,
        speed: 200,
        afterToggle: function(trigger, element, expanded) {
        if(! expanded) { // The "Close" link was clicked
        $('html, body').animate({scrollTop: $(element).offset().top}, {duration: 100});
        }
        }
        });
        });
        </script>

Comments

[Cyber_bober]

вы имеете ввиду что у вас фиксированный размер высоты блока и не во всех браузерах в него влазит текст?

[Den Savi]

Cyber_bober: ну, у меня вот стоит высота 83, а в некоторых браузерах кнопка "Подробнее..." залазит на сам текст, который в блоке(

[Cyber_bober]

Den Savi: а вы сверстайте блок с height:auto и задайте ему padding-bottom чтобы его высота определялась высотой контента, а отступы задавались при помощи padding

[Den Savi]

Cyber_bober: Спасибо) Сейчас попробую)