Question

asp代码问题，关于文字如何显示在图片下方，求解答

response.write "<li><a href=""sd_show.asp?id="&rsDe1("id")&""" target=""_blank"" title="""&rsDe1("sd_Title")&""" class=""wdys"&rsDe1("sd_se")&"""><img style='width:150px;height:150px;' src='"&rsDe1("sd_logo")&"' alt='"&rsDe1("sd_Title")&"'><br>"&rsDe1("sd_Title")&"</a></li>"
这段代码里最后输出了文字和图片 但是图片和文字并排 如何让文字显示在图片下方。

下面是css代码
.liststyle3 { background: url() repeat left top;}
.liststyle3 dl { width: 100%; clear: both; height: 205px;}
.liststyle3 dl dt { float: left;}
.liststyle3 dl dt a { float: left; width: 70px; font-size: 14px; line-height: 24px; text-align: center; height: 24px; background: url(images/rightbox2dtbg.gif) no-repeat -999px -999px; color: #C00; text-decoration: none; display: inline; margin: 3px 10px;}
.liststyle3 dl dt a:hover { background-position: left top;}
.liststyle3 dl .list {float:left; width:1160px; text-align: left; height:180px; border:3px solid #5CC3F8; overflow: hidden; margin:5px 5px 5px 5px; margin-left:18px;}
.liststyle3 dl ul {}
.liststyle3 dl li { display: inline;}
.liststyle3 dl li a { font-size: 12px; line-height: 150px; padding-right: 19px; padding-left: 18px; top: 19px;}
.liststyle3 dl li a:hover {}
.liststyle3 dl .more { float: right;}
.liststyle3 dl .more a { color: #0060FF; text-decoration: none; height: 20px; width: 60px; float: left; font-size: 11px; line-height: 10px; text-align: center; display: inline; margin: -205px 4px;}
.liststyle3 dl .more a:hover { color: #C00; background-position: left top;}
求大神解答

Answer 1

<img><br>文字显示

在图片代码后面加一个换行就行了或者<div></div>

追问

一旦加入换行和 就不显示文字标题了。。。只显示图片

Answer 2

样式中设置li的宽度和图片大小一样，这样应该可以！

追问

.liststyle3 dl li { display: inline;}

.liststyle3 dl li a { font-size: 12px; line-height: 150px; padding-right: 19px; padding-left: 18px; top: 19px;}
.liststyle3 dl li a:hover {}
文字和图片是在同一个li里的。。所以不成立。。

Answer 3

图片后面多打个换行符<br/>

追问

加入换行符就无法正常显示了
"&rsDe1("sd_Title")&"" 这样才能显示，加br显示不出来

追答

<li>
   <img src="1.jpg"/>
   <br />
   <b>这里是标题</b>
</li>

这种代码格式就是你要的图片加标题的形式，我以前也是这么写的。

追问

这是单独放在外面可以这样显示，但是在response.write 显示不出来。但是还是非常感谢您

追答

你有没有查看网页源代码，看看最后生成的代码结构。

追问

"&rsDe1("这里是标题")&"
"
真的不显示。。

追答

汗，你截图一下网页查看源代码的代码看看。

追问

这是源代码。css里的代码就是问题中的。

下面是查看网页中的源代码 ，有点乱

追答

看源代码就能发现，你的图片和文字之间没有换行符，所以没换行。说明你的asp输出语句里面拼接的有问题。