Обтекание текста внутри фиксированного Div с помощью CSS или javascript?

Question

У меня есть редактор tinymce (textarea) и один div. Всякий раз, когда я ввожу текст в текстовый редактор, он показывает в преддверии div, который является (200px) в реальном времени, который выглядит как просмотр stackoverflow.

То, что я хочу достичь, если мы наберем одно слово без пробела и если оно превысит 200 пикселей, я хочу перевести его на следующую строку.

Я попытался найти его и еще не нашел решение. Я пробовал это решение, которое я нашел здесь

.preview_desc 
{ 
    word-wrap: break-word; /* IE>=5.5 */ 
    white-space: pre; /* IE>=6 */ 
    white-space: -moz-pre-wrap; /* For Fx<=2 */ 
    white-space: pre-wrap; /* Fx>3, Opera>8, Safari>3 */ 
} 

В IE7 он не работает. Он добавил левое и правое пространство. Так что мой ДИВ стал настолько широк, как показано на следующем изображении

http://img38.imageshack.us/img38/2650/ie7g.jpg

В IE8, который выглядит правильно, как это.

img35.imageshack.us/img35/3915/ie8a.jpg (Пожалуйста, добавьте HTTP: // и вид)

Opera 10 не полностью работает также.

А потом у меня есть счетчик строк js. Который

var height = document.getElementById('divpreview').clientHeight; 
var lines = Math.round(height/10); 
document.getElementById('lines').innerHTML = lines; 
if(document.getElementById('divpreview').innerHTML == "") 
{ 
    document.getElementById('lines').innerHTML = 0; 
} 

Если мы используем приведенный выше код CSS, он начинает отсчет от линии 2 во всех браузерах, кроме IE8 и 7.

Я только хочу, чтобы работа по всему последней версии браузера, который FF2,3, IE7, IE8, Safari, Chrome, Opera (последняя версия).

Пожалуйста, помогите мне. Благодарю.

Answer 1

Возможно, я ошибаюсь в вашей проблеме, но, похоже, все, что вам нужно, это немного CSS, в частности максимальная ширина (для всех неидиотических браузеров) и ширина с wacky IE-выражением (для IE) ,

Например

max-width:200px; 
_width:expression(document.body.clientWidth > 200? "200px": "auto"); 

Когда вы объединяете, что с CSS у вас уже есть, кажется, что он должен работать.

Answer 2

function GetWrapedText(text, maxlength) {  
    var resultText = [""]; 
    var len = text.length;  
    if (maxlength >= len) { 
     return text; 
    } 
    else { 
     var totalStrCount = parseInt(len/maxlength); 
     if (len % maxlength != 0) { 
      totalStrCount++ 
     } 

     for (var i = 0; i < totalStrCount; i++) { 
      if (i == totalStrCount - 1) { 
       resultText.push(text); 
      } 
      else { 
       var strPiece = text.substring(0, maxlength - 1); 
       resultText.push(strPiece); 
       resultText.push("<br>"); 
       text = text.substring(maxlength - 1, text.length); 
      } 
     } 
    } 
    return resultText.join(""); 
}