JS文件一放到页面里面，字与字之间的距离就变了

Question

JS文件一放到页面里面，字与字之间的距离就变了将这个JS文件放到新建的页面里面，显示是正常的，如下
字与字之间的距离是正常的
但放到页面里面，却变样啦，距离变得近了许多，如下
插入的代码如下这是头部的<script type="text/javascript" id=""> <!--
st_jspath="menu/stmenu.js";
document.write('<script type="text/javascript" src="'+st_jspath+'"><\/script>');
//--> </script>  这是页面的：<div id="menu">
  <script type="text/javascript" src="menu/topmenu.js"></script>
</div>这个id="menu"我设置了以下的内容
#menu {
width:1048px;
height:32px;
margin:0 auto;
padding:0px 0px 0px 18px;
}为什么会这样的呢？

Answer 1

<script type="text/javascript" id="">
<!--
st_jspath="menu/stmenu.js";
document.write('<script type="text/javascript" src="'+st_jspath+'"><\/script>');
//-->
</script>
改成这样呢?

Answer 2

这个有几种原因，一种是控制字的样式css不顶用了，一种是有两个css样式同时控制字体第三种是在某个标签里，有大标签控制了，小标签又写了

Answer 3

感觉像是margin或padding的问题
js文件生成的部分有没有id="menu"的？

Answer 4

是不是与员与原先的css样式有冲突

Answer 5

我把id="menu"改成其它的，问题还是存在

Answer 6

不是说，CSS里面的样式不会对这种嵌入的JS有影响吗？

Answer 7

把
margin:0 auto; 
padding:0px 0px 0px 18px;
的值改变试试呢？

Answer 8

怎么没区别啊..注意回车换行啊
//--> </script> 不要同一行