h5怎么让图片并排显示并且下面就是文字

最新推荐文章于 2023-12-26 02:24:17 发布

灼灼桃花夭

最新推荐文章于 2023-12-26 02:24:17 发布

阅读量1.1w

点赞数 3

分类专栏： html 文章标签： html

html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

参考网址
https://zhidao.baidu.com/question/534707004.html
https://bbs.csdn.net/topics/390998440/

页面代码

<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>