包裹词的互联网探险家不同在textareas比div

Question

在Internet Explorer（在IE10中测试）中，它看起来像在textarea中，一个单词被处理后的空格，因为它在包装时将成为单词本身的一部分。请参考以下图片：

在左侧，您会看到textarea，在右侧，您会看到一个与textarea具有相同内容的div。在第一张图片中，正如预期的那样，＆＃34; vero＆＃34;非常适合＆＃34; voluptua＆＃34;。然后在添加另一个单词（甚至只是一个空格）之后，＆＃34; vero＆＃34;出现在新的一行。但只有在textarea，而不是在div。我想计算textarea的高度，所以对我而言，包装/破坏行为是相同的。

我已经尝试给textarea和div提供相同的自动换行，空格，换行符，-ms-word-break，word-break和-ms-hyphens属性，但没有任何正面结果。< / p>

是否有人必须处理此问题并获得解决方法？

Answer 1

$(function() {  
    var txt = $('#comments'),  
        hiddenDiv = $(document.createElement('div')),  
        content = null;  

    txt.addClass('txtstuff');  
    hiddenDiv.addClass('hiddendiv common');  

    $('body').append(hiddenDiv);  

    txt.on('keyup', function () {  

        content = $(this).val();  

        content = content.replace(/\n/g, '<br>');  
        hiddenDiv.html(content + '<br class="lbr">');  

        $(this).css('height', hiddenDiv.height());  

    });​  
});  

CSS：

        textarea {  
        width: 500px;  
        min-height: 50px;  
        font-family: Arial, sans-serif;  
        font-size: 13px;  
        color: #444;  
        padding: 5px;  
    }  

    .noscroll {  
        overflow: hidden;  
    }  

.hiddendiv {  
    display: none;  
    white-space: pre-wrap;  
    width: 500px;  
    min-height: 50px;  
    font-family: Arial, sans-serif;  
    font-size: 13px;  
    padding: 5px;  
    word-wrap: break-word;  
}