移动(上下左右)标签（marquee）属性详解

移动(上下左右)标签（marquee）属性详解

这是我见过的写的最好的标签了，里面有效果图

地址：http://www.360doc.com/content/14/1210/17/9060464_431831883.shtml

最近有个需求就是需要从左到右跑马灯的形式，但是内容是动态的，比较多，刚开始我是用js写的，但是发现js写得比较麻烦，而且效果还达不到想到的，最后在一个同事的提醒下使用了<marquee>这个标签，这个标签很好用，各种属性配置就能有各种效果，具体的使用上面的链接里大神已经准备好了，我就不叙述了，但是有个问题，我在火狐、谷歌、360、IE11都能很好的打开，效果也是一样的，但是在IE9（IE8）打开的时候就出现问题了，内容换行了（由于我的内容比较多，但是我拼接内容的时候没有换行，直接在<marquee>里面写的，也没有使用<div>或者<span>标签），而后我在<marquee>里面嵌套了<div>或者<span>并在这些标签里面设置不换行的属性，但是发现在IE9以下我配置的这些不换行的属性都不起作用，很难过，各种办法弄了好久，有点想写js的打算了，但是最终功夫不负有心人，重要找到解决问题的方法了。

方法如下：

解决动态内容过多不换行问题：（实战经验，火狐、谷歌、360、IE11、IE9 可以，其他的没有测试过）

在<marquee>标签里面加<table><tr><td>内容</td></tr></table>然后在<td>里面设置<td nowrap='nowrap' style='white-space:nowrap;height:25px;'> 这样就保证内容同行的效果了。 <div>和<span>在IE中没有效果，

注意：在HTML和HTML5中都属于废弃的特性，建议不要使用这个标签

<marquee>目前在很多浏览器中都支持的滚动文字效果，但是这个标签在w3school中找不到，并且在WebStorm中对这个标签没有提示，但是DW对这个标签的提示支持的相当好。
这个标签首先在早期的IE版本中加进来，后来逐渐被其他浏览器支持，W3C的建议是不使用它