多个图片不同对齐方向怎么进行分别定义
比如说在淘宝装修的时候轮播大图要居中对齐，产品小图要居左对齐，在HTML中图片用<div>来进行定义，那么用{text-align：}要如何分别对图片进行一一对应？ 是要做<div1> <div2>吗？
慕沐0279511
2017-12-05
2 回答
首先说一下我不是专业的，也是才学几天，看到你的问题我用我自己的方法去试了一下，是可行的，你可以看看，代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>对齐</title>
<style type="text/css">
.p1{text-align:center}
.p2{text-align:right}
</style>
</head>
<body>
<div>
<p class="p1"><img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg"></p>
<p class="p2"><img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg"></p>
</div>
</body>
</html>
我的思路就是给不同的图片设置不同的class名称，然后可以用之前学的方法对不同的class做处理。
举报
0/150
提交
取消
