Question

我目前正在开发一个用HTML编写的网站（当然还有CSS）我有一个JavaScript ...只是一个小幻灯片。

在脚本之前有一个带有图像的锚标记并且在脚本之后还有一个带有图像的锚标记。

...
<a href="... .html">
    <img class="img" src="... .png" title="..."></a>
<script type="text/javascript">
    <!-- the script text -->
</script>
&nbsp;&nbsp;&nbsp;
<a href="... .html">
    <img class="img" src="... .png" title="..."></a>
...

我的问题是脚本标记之前和之后的换行符。我希望它是

图片 幻灯片（脚本） 图片

所有使用的图像（包括幻灯片内容）都具有相同的高度。

我尝试了display: inline;和white-space: nowrap;（以及其他所有白色空间的东西）我已将它直接放入html文件（style="display:inline;"或style="white-space:nowrap;"中，并放入css文件（script { display: inline; }和script { white-space: nowrap; }）

有没有人知道如何防止脚本标记之前和之后的换行符？

Answer 1

我建议将每个元素放在一个单独的div中，给它们一个固定的宽度，然后相应地浮动它们（如果你这样做，一定要清除你的花车）。

即

<div id="leftImg" style="width:220px; float:left;">
<img src="..." />
</div>

<div id="slideShow" style="width:220px; float:left;">
<script>your script here</script>
</div>

<div id="rightImg" style="width:220px; float:left;">
<img src="..." />
</div>

<div style="clear:left;"></div>

编辑：幻灯片显示脚本位于页面正文中没有任何问题。如果它是一个发布信息的脚本，那么出于安全目的，必须进行服务器端验证，但是你的工作方式没有任何问题。

Answer 2

将脚本放在隐藏的div中。

<div style="display:none"><script>...</script></div>

如何防止HTML中的<script>标记（JavaScript）之前和之后的换行？</script>

2 个答案: