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

response.write "<li><div><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")&"'></div><div>"&rsDe1("sd_Title")&"</div></a></li>" 你看看可以吗。思路就是li里面放两个div 一个放图片 一个放标题

追问

不行，因为宽度设定是的一整行，在这一整行里显示多个内容。

以上是整段代码

追答

给每个加宽度，设置li的float:left;

追问

宽度和left都已经加过了，还是文字标题一直在图片左边。

追答

网站是本地环境还是线上，网址发来看看

追问

本地测试的。
.liststyle3 dl li a { font-size: 12px; line-height: 150px; padding-right: 19px; padding-left: 18px; top: 19px;}
这是的宽度。

list是整行的宽度。问题中的代码就是放在list里的。

追答

图片

标题

是行级元素，不管宽度，肯定会上下的，怎么可能左右呢，你再看看吧
你这个修改后需要生成下吧。好好研究，祝你成功

追问

你这个是换行了没错，但是他是横着换。。我要他竖着换。

他这个是横向排列 不是竖向排列。。 

不过还是非常感谢您，总算有点头绪了哈哈

Answer 2

可惜我帮不了你，我是学html

Answer 3

liststyle3是图片和文字的外容器吗？

追问

这是整段代码