我目前正在开发一个用 HTML(当然还有 CSS)编写的网站 我有一个 JavaScript ......只是一个小幻灯片。
在脚本之前有一个带有图像的 anchor 标记 在脚本之后还有一个带有图像的 anchor 标记。
...
<a href="... .html">
<img class="img" src="... .png" title="..."></a>
<script type="text/javascript">
<!-- the script text -->
</script>
<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; }
)
有人知道如何防止脚本标签前后换行吗??
最佳答案
我建议将这些元素中的每一个都放在一个单独的 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>
编辑:页面正文中的幻灯片脚本没有任何问题。如果它是发布信息的脚本,则出于安全目的必须进行服务器端验证,但您的操作方式没有任何问题。
关于javascript - 如何防止 HTML 中的 <script> 标记(JavaScript)前后换行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13730459/