ie7 сохранить пробелы в динамически введенном тексте - PullRequest
2 голосов
/ 29 мая 2010
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function init(){
  document.getElementById('test2').innerHTML = '1       2';
}
</script>
<style type="text/css">
#test{
  white-space:pre;
}

#test2{
  white-space:pre;
}
</style>
<title></title>
</head>
<body onload="init();">
<div id="test">
1       2
</div>
<div id="test2"></div>
</body>

</html>

Вот пример страницы, показывающей мою проблему. У меня есть два деления. У каждого есть этот текст '1 2' с пробелами. Единственное отличие состоит в том, что один вводится динамически, а другой находится в самом html.

Если вы откроете вышеуказанную страницу в IE7, текст в div test2 не будет содержать пробелы Как я могу получить такое же поведение для текста, который вводится динамически ??

P.S. Мой doctype запускает стандартный режим в IE7.

1 Ответ

2 голосов
/ 29 мая 2010

Вы пробовали заменить пробел на &nbsp;

В качестве альтернативы, вы можете попробовать innerTEXT вместо innerHTML

...