Question

DIV+CSS 排版 SPAN 该如何应用才会有效果？？？？？？

<div id="marquee" style="width:693px;overflow:auto;">
<span class="imgborder">
<a href="123.htm">
<img src="123.jpg" border="0" />
</a>
</span>
中国宾馆协会
</div>

这样写出来页面变成了 图片 中国宾馆协会
而我想要的效果是 图片
中国宾馆协会
就是想要的效果是 图片在上 文字在下。而不是两者都在同一行内、

另外我用的是一种图片滚动特效、是不能加DIV的 加了DIV就不会滚动了。
所以唯一能用的应该就是SPAN了、 如以下：能实现图片在上文字在下。但是就不会滚动了。

<div id="marquee" style="width:693px;overflow:auto;">
<div class="imgborder">
<a href="123.htm"><img src="123.jpg" border="0" /></a>
</div>
<div>中国宾馆协会</div>
</div>

如果改成这样如下： 能滚动了。但是就会变成图片与文字在同一行内显示、就不是我想要的效果。

<div id="marquee" style="width:693px;overflow:auto;">
<span class="imgborder">
<a href="123.htm"><img src="123.jpg" border="0" /></a>
</span>
<span>中国宾馆协会</span>
</div>

有什么办法吗？？
<div id="marquee" style="width:693px;overflow:auto;">
<ul>
<li class="imgborder"><a href="123.htm"><img src="123.jpg" border="0" /></a></li>
<li>中国宾馆协会</li>
</ul>
<ul>
<li class="imgborder"><a href="123.htm"><img src="123.jpg" border="0" /></a></li>
<li>中国宾馆协会</li>
</ul>
<ul>
<li class="imgborder"><a href="123.htm"><img src="123.jpg" border="0" /></a></li>
<li>中国宾馆协会</li>
</ul>
</div>
这样不就完事了吗
你要是非要用span

<span class="imgborder">
<a href="123.htm"><img src="123.jpg" border="0" /></a>
<p>中国宾馆协会</p>
</span>
这样不就完事了吗

实现是实现了 但是不是横排，假如我添加了 5张图片。应该是横着一排显示 。 但是就显示一张图片。其他的看不到，查看网页源文件，已经调用出来了、 就是不显示、、

Answer 1

用和楼上二位不一样的做法吧，也一样简单，但与楼上二位的区别是语义化。

<div id="marquee" style="width:693px;overflow:auto;">
<span class="imgborder">
<a href="123.htm">
<img src="123.jpg" border="0" />
</a>
</span>
<p>中国宾馆协会</p>/****在这儿用p标签***/
</div>

如果你没有重新定义过p标签，那么它本身就具有换行。另外p标签代表段落，用它承载文字再合适不过。

或者
给img添加“display:block; clear:both;”这么写都行，例如写在.imgborder img{display:block; clear:both;} 这样就不用添加P标签。

再或者

<ul id="marquee" style="width:693px;overflow:auto;">
<li class="imgborder"><a href="123.htm"><img src="123.jpg" border="0" /></a></li>
<li>中国宾馆协会</li>
</ul>

朋友，你分出的忒高了，相信俺吧，有问题俺负责到底。百度消息/hi都可以找到我

补充

你的意思是<div id="marquee">这个div中要放置滚动用的图片，图片下面还有标题，是吧？
如果是我说的效果
Y3C 00:06:08
<div id="marquee" style="width:693px;overflow:auto;">
<ul>
<li class="imgborder"><a href="123.htm"><img src="123.jpg" border="0" /></a></li>
<li>中国宾馆协会</li>
</ul>
<ul>
<li class="imgborder"><a href="123.htm"><img src="123.jpg" border="0" /></a></li>
<li>中国宾馆协会</li>
</ul>
<ul>
<li class="imgborder"><a href="123.htm"><img src="123.jpg" border="0" /></a></li>
<li>中国宾馆协会</li>
</ul>
</div>
这样不就完事了吗
你要是非要用span

<span class="imgborder">
<a href="123.htm"><img src="123.jpg" border="0" /></a>
<p>中国宾馆协会</p>
</span>
这样不就完事了吗

再补充

要么就是你装载图片的容器（如果按照我上面写的，就是#marquee ul或者下面那种写法的.imgborder）没定义宽度或者宽度超出你的展示框。修改你的宽度。
其2的原因就有可能是你JS的问题

你试试 #marquee ul{float:left;width:你自己定;}
如果是下面哪种写法的，应该不用在span中加float。但试试吧，在.imgborder中加float:left

Answer 2

楼主HTML没有学好 span是标准的非块状结构 所以 会被当作是文本来放在同一行

那么
1.span后面加一个<br/>
2.对span加一个属性display:block

一般选第一种

Answer 3

你在“中国宾馆协会”前加<br />

Answer 4

<div id="marquee" style="width:693px;overflow:auto;">
<span class="imgborder">
<a href="123.htm"><img src="123.jpg" border="0" /></a>
</span><br/>
<span>中国宾馆协会</span>
</div>

Answer 5

display:block