<!-----如何才能将文字放在图片的正下方，图片并排放-----> div
<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title></head><body><div><spa...
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div>
<span><a href="#">推荐商品</a></span>|<span><a href="#">Pruduct</a></span>
</div>
<img src="E://图片//1.jpg" align="bottom" > </img>
2010年新茶 明前极品龙茶<center>销售价：￥198</center>
<img src="E://图片//1.jpg" align="bottom" ></img>
太平猴魁特级<center>销售价：￥168</center>
<img src="E://图片//1.jpg" align="bottom" ></img>
六安瓜片特级<center>销售价：￥98</center>
<img src="E://图片//1.jpg" align="bottom" ></img>
安溪清香铁观音特级<center>销售价：￥89</center>
</body>
</html> 展开
<head>
<title></title>
</head>
<body>
<div>
<span><a href="#">推荐商品</a></span>|<span><a href="#">Pruduct</a></span>
</div>
<img src="E://图片//1.jpg" align="bottom" > </img>
2010年新茶 明前极品龙茶<center>销售价：￥198</center>
<img src="E://图片//1.jpg" align="bottom" ></img>
太平猴魁特级<center>销售价：￥168</center>
<img src="E://图片//1.jpg" align="bottom" ></img>
六安瓜片特级<center>销售价：￥98</center>
<img src="E://图片//1.jpg" align="bottom" ></img>
安溪清香铁观音特级<center>销售价：￥89</center>
</body>
</html> 展开
3个回答
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.list li {float:left; display:inline; margin:5px;}
</style>
</head>
<body>
<div>
<span><a href="#">推荐商品</a></span>|<span><a href="#">Pruduct</a></span>
</div>
<ul class="list">
<li>
<img src="E://图片//1.jpg" align="bottom" >
<p>2010年新茶 明前极品龙茶</p><center>销售价：￥198</center>
</li>
<li>
<img src="E://图片//1.jpg" align="bottom" >
<p>太平猴魁特级</p><center>销售价：￥168</center>
</li>
<li>
<img src="E://图片//1.jpg" align="bottom" >
<p>六安瓜片特级</p><center>销售价：￥98</center>
</li>
<li>
<img src="E://图片//1.jpg" align="bottom" >
<p>安溪清香铁观音特级</p><center>销售价：￥89</center>
</li>
</ul>
</body>
</html>
代码修改成这样就可以了，把几个IMG分别装到列表里面，然后定义一下这个列表的样式即可
文字部分用了一下p标签，给内容分一下行，代码看起来会规范一些。
另外，img标签是不需要闭合的，我把</img>给删掉了。
<head>
<title></title>
<style type="text/css">
.list li {float:left; display:inline; margin:5px;}
</style>
</head>
<body>
<div>
<span><a href="#">推荐商品</a></span>|<span><a href="#">Pruduct</a></span>
</div>
<ul class="list">
<li>
<img src="E://图片//1.jpg" align="bottom" >
<p>2010年新茶 明前极品龙茶</p><center>销售价：￥198</center>
</li>
<li>
<img src="E://图片//1.jpg" align="bottom" >
<p>太平猴魁特级</p><center>销售价：￥168</center>
</li>
<li>
<img src="E://图片//1.jpg" align="bottom" >
<p>六安瓜片特级</p><center>销售价：￥98</center>
</li>
<li>
<img src="E://图片//1.jpg" align="bottom" >
<p>安溪清香铁观音特级</p><center>销售价：￥89</center>
</li>
</ul>
</body>
</html>
代码修改成这样就可以了，把几个IMG分别装到列表里面，然后定义一下这个列表的样式即可
文字部分用了一下p标签，给内容分一下行，代码看起来会规范一些。
另外，img标签是不需要闭合的，我把</img>给删掉了。
追问
恩 ul的默认图标不是circle么，为什么没有设置的时候 它没有出现呢 那如果要使用其它图案的话是不就插入图片就好了呢
追答
加了float以后列表的那个圆点就会隐藏掉的，要用其他图案的话直接插入图片就行了
已赞过
已踩过<
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
外层给一个div 设置样式为text-align:center; 里面放一张图片,<br/>换行标签,然后在输出文字就可以啦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
引用吊儿郎当_杰的回答：
外层给一个div 设置样式为text-align:center; 里面放一张图片,<br/>换行标签,然后在输出文字就可以啦
外层给一个div 设置样式为text-align:center; 里面放一张图片,<br/>换行标签,然后在输出文字就可以啦
展开全部
多张图片怎么并排放?
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
