javascript - 如何防止 HTML 中的 <script> 标记(JavaScript)前后换行？

Question

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

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

...
<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>
...

我的问题是脚本标签前后的换行符。我想要它是

image    slideshow(script)    image

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

我试过 display: inline; 和 white-space: nowrap; (以及所有其他空白的东西)我已经将它直接放入 html 文件中(style="display:inline;" 或 style="white-space:nowrap;" 并放入css 文件(script { display: inline; } 和 script { white-space: nowrap; })

有人知道如何防止脚本标签前后换行吗？？

Answer 1

我建议将这些元素中的每一个都放在一个单独的 div 中，给它们一个固定的宽度，然后相应地 float 它们(如果你这样做，一定要清除你的 float )。

即

<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>

编辑:页面正文中的幻灯片脚本没有任何问题。如果它是发布信息的脚本，则出于安全目的必须进行服务器端验证，但您的操作方式没有任何问题。