求助一个html的marquee标签的问题

问题描述：
这段代码在FF能正常运行。
在IE下会自动换行。要把.bbsrightdivcontent的宽度变大才能不换行。有什么办法在不改变容器宽度的情况下让marquee的内容不换行吗？

源文件如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.bbsrightdivcontent{padding:20px;width:570px;}
p.bbshotimgp{line-height:17px;text-indent: 0px;font-size:12px;width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bbshotimgdiv{text-align:center;margin-right:20px;display:inline;width:100px;float:left;}
</style>
</head>

<body>
<div class="bbsrightdivcontent">
<marquee behavior="scroll" onmouseout=start(); onmouseover=stop(); direction="left" scrollamount="5">

<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
</marquee>
</div>
</body>
</html>
1楼麻烦你看清楚我的问题再回答，谢谢！

举报该问题

推荐答案 2009-10-09

想要在IE里显示正常,但又不想改变bbsrightdivcontent的宽度的话,就在里面加一个div让它的宽度宽到不换行:
<div class="bbsrightdivcontent">
<marquee behavior="scroll" onmouseout=start(); onmouseover=stop(); direction="left" scrollamount="5">
<div class="add">//这个层是加入的,样式在下面.
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">1介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv">
<p class="bbshotimgp">2介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">3介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
<img src="../images/home1.jpg" width="100" height="70" /></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">4介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">5介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">6介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">7介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">8介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">9介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">10介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
<div class="bbshotimgdiv"><img src="../images/home1.jpg" width="100" height="70" /><p class="bbshotimgp">11介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍</p></div>
</div>
</marquee>
</div>

然后加一个样式,或是直接写在层里面:
.add{width:1500px;}

温馨提示：答案为网友推荐，仅供参考

当前网址：http://88.wendadaohang.com/zd/MMBaM1aBK.html

其他回答

第1个回答 2009-10-15

marquee被IE制造出来，又被他自己推翻了。
IE8不支持marquee了。
用JS吧。我来教你。本回答被提问者采纳

第2个回答 2009-09-27

Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器：
格式：
[MARQUEE ALIGN="…"
BEHAVIOR="…"
BGCOLOR="…"
DIRECTION="…"
HEIGHT="…"
WIDTH="…"
HSPACE="…"
VSPACE="…"
LOOP="…"
SCROLLAMOUNT="…"
SCROLLDELAY="…"
ONMOUSEOUT=this.start()
ONMOUSEOVER=this.stop()
]…
[/MARQUEE]

属性：
ALIGN：用于按设定的值对齐滚动的文本。ALIGN可以设定的值有：LEFT,CENTER,RIGHT,TOP,BOTTOM。此属性不是必须使用的。
例：
[MARQUEE ALIGN="TOP"] 这段滚动文字设定为上对齐 [/MARQUEE]

BEHAVIOR：可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。如果设定的方法是SLIDE,那么文本就移动到文档上,并停留在页边距上。如果设定为AlterNATE,则文本从一边移动到另一边。如果设定为SCROLL,文本将在页面上反复滚动。本属性不是必须使用的。可以设定的值有：SILIDE,AlterNATE,SCROLL。
例：
[MARQUEE BEHAVIOR="AlterNATE"] 文字从一边移动到另一边 [/MARQUEE]

BGCOLOR：用于设定字幕的背景颜色。背景颜色可用RGB、16进制值的格式或颜色名称来设定。
例：
[MARQUEE BGCOLOR="RED"]用颜色名称设定滚动文字背景颜色为红色 [/MARQUEE]
[MARQUEE BGCOLOR="#FF0000" ]用16进制值设定滚动文字背景颜色为红色 [/MARQUEE]
[MARQUEE BGCOLOR=RGB(100%'0%'0%)] 用RGB设定滚动文字背景颜色为红色 [/MARQUEE]

DIRECTION：用于设定文本滚动的方向,可以设定的值有：LEFT,RIGHT。此属性不是必须使用的。
例：
[MARQUEE DIRECTION="LEFT" ]文字向左边滚动 [/MARQUEE]
[MARQUEE DIRECTION="RIGHT" ]文字向右边滚动 [/MARQUEE]

HEIGHT：用于设定滚动字幕的高度,高度可用像素或可视页面的百分比来表示。此属性不是必须使用的。
例：
[MARQUEE HEIGHT="10%"] 滚动字幕的高度是可视页面的10%[ /MARQUEE]
[MARQUEE HEIGHT="12" ]滚动字幕的高度是12像素 [/MARQUEE]

WIDTH：用于设定字幕的宽度,宽度可用像素或可视页面的百分比来表示。此属性不是必须使用的。
例：
[MARQUEE WIDTH="90%"] 滚动字幕的宽度是可视页面的90% [/MARQUEE]
[MARQUEE WIDTH="200" ]滚动字幕的宽度是200像素 [/MARQUEE ]

HSPACE：用于设定滚动字幕左右的空白空间,空白空间用像素表示。此属性不是必须使用的。
例：
[MARQUEE HSPACE="15" ]滚动字幕左右空白空间为15个像素 [/MARQUEE]

VSPACE：用于设定滚动字幕上下的空白空间,空白空间用像素表示。此属性不是必须使用的。
例：
[MARQUEE VSPACE="2"] 滚动字幕上下的空白空间为2个像素 [/MARQUEE]

LOOP：用于设定滚动字幕的滚动次数。当LOOP的值为"INFINITE"或是"-1"时,则文字会无限制地滚动。此属性不是必须使用的。
例：
[MARQUEE LOOP="-1" ]文字滚动无数次 [/MARQUEE]
[MARQUEE LOOP="5" ]文字滚动5次 [/MARQUEE]

SCROLLAMOUNT：用于设定每个连续滚动文本后面的间隔,该间隔用像素表示。此属性不是必须使用的。
例：
[MARQUEE SCROLLAMOUNT="10"] 此文本后面的间隔为10个像素 [/MARQUEE]

SCROLLDELAY：用于设定两次滚动操作之间的间隔时间,该时间以毫秒为单位。此属性不是必须使用的。
例：
[MARQUEE SCROLLDELAY="5"] 此文本两次滚动之间的间隔时间为5毫秒 [/MARQUEE]

ONMOUSEOUT=this.start() ：用来设置鼠标移出该区域时继续滚动
ONMOUSEOVER=this.stop()：用来设置鼠标移入该区域时停止滚动

Marquee 也可以做飘浮广告效果：

相似回答

HTML标签marquee实现多种滚动效果答：1.滚动方向direction（包括4个值：up、 down、 left和 right）语法：marquee direction="滚动方向".../marquee 2.滚动方式behavior（scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动）语法：marquee behavior="滚动方式".../marquee 3.滚动速度scr...

在html中滚动文字标记marquee的滚动方式属性是什么?答：html用marquee标签来实现文字滚动属性，常见参数如下：\x0d\x0a1.滚动方向direction（包括4个值：up、 down、 left和 right）\x0d\x0a语法：...\x0d\x0a2.滚动方式behavior（scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动）\x0d\x0a语法：...\x0d\x...

HTML如何实现文字的滚动效果答：<marquee width = "100%" behavior = "slide" bgcolor = "pink" > 这是一个复杂的滚动字幕例子... </marquee >效果图：3、设置HTML 文字滚动的方向通过设置marquee标签的属性，我们可以更改滚动文本的方向。方向可以是左，右，上和下。我们来看一个右边的选框滚动的例子。<marquee width = "...

求助HTML中标签<marquee>中的很多属性的作用的用法答：hasMedia 获取一个表明元素是否为 HTML+TIME 媒体元素的 Boolean 值。HEIGHT height 设置或获取对象的高度。HIDEFOCUS hideFocus 设置或获取表明对象是否显式标明焦点的值。HSPACE hspace 设置或获取对象的水平边距。ID id 获取标识对象的字符串。innerHTML 设置或获取位于对象起始和结束标签内的 HTML。innerTe...

HTML之marquee标签(滚动字幕(跑马灯))答：② marquee标签中的属性scrollamount可以控制文字滚动的速度。例如：scrollamount="100" 。其中值越大，滚动的速度就越快。③marquee标签中的属性loop可以控制文字滚动的次数，但是默认的值是-1.也就是无限次滚动 loop="1",就可以让文字仅仅滚动一次。④marquee标签中的属性behavior可以设置滚动的...

marquee标签属性是什么?答：最后，需要注意的是，Marquee标签是一个双标签，首标签和尾标签之间的内容就是滚动内容。例如，要创建一个向右滚动的文本，可以使用如下代码：向右滚动。此外，还可以通过设置其他属性来控制滚动效果，如设置滚动背景色、宽度、高度等。综上所述，Marquee标签属性提供了丰富的控制选项，使得在HTML中创建文字...

求助一个html的marquee标签的问题答：想要在IE里显示正常,但又不想改变bbsrightdivcontent的宽度的话,就在里面加一个div让它的宽度宽到不换行:<div class="bbsrightdivcontent"> <marquee behavior="scroll" onmouseout=start(); onmouseover=stop(); direction="left" scrollamount="5"> <div class="add">//这个层是加入的,样式在...

html marquee标签 怎么让图片水平和垂直滚动答：html中marquee标签让图片滚动是这样做的：<marquee onmouseover="this.stop()"onmouseout="this.start()"scrollamount="2"scrolldelay="3"direction="up"></marquee>只要把图片放在marquee中间就好。其中 direction="up"这个是垂直滚动；（还有个down）direction="left"这个是水平滚动（还有个right）marquee...

大家正在搜

html中marquee标签 html5marquee标签属性 html中marquee的属性 html5marquee html marquee marquee支持html5 html滚动条代码marquee marquee标签属性 marquee标签被放弃了吗