Question

我使用Twitter Bootstrap的input-prepend课程与<textarea>。当我设置<textarea>的行数= 1时，一切看起来都很好。但是，当我将其设置为任何更大的值时，元素会变得大于input-prepend span。

这是演示：http://jsfiddle.net/2smRF/

如何将span的高度设置为<textarea>的高度？它可以仅使用CSS实现，还是需要使用JavaScript？

Answer 1

我不认为这只能通过CSS轻松实现，所以我为你整理了一个脚本。请注意，如果用户调整textarea的大小，它将无法使用。

var onRes = function(){
    $('.input-prepend').each(function(){
        var $textarea = $(this).find('textarea');
        var $span = $(this).find('span.add-on:eq(0)');
        console.log($span);
        $span.height($textarea.outerHeight()-(parseInt($span.css('padding-top'))+parseInt($span.css('padding-bottom'))+parseInt($span.css('margin-top'))+parseInt($span.css('margin-bottom'))+(parseInt($span.css('border-width'))*2)));
    });
};

$(window).resize(onRes);
onRes();

JSFIDDLE

Twitter Bootstrap输入 - 前置多行textarea

1 个答案: