老师麻烦看一下,这样做对吗
来源：3-4 编程练习
欧洲尤格萨隆
2020-06-23 10:20:28
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style type="text/css">
.d1{
float: left;
margin: 10px;
}
p{
margin-top: -5px;
}
.per{
width: 900px;
border: 1px solid red;
}
.per:after{
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.per{
*zoom:1;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="per">
<div class="d1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><p>描述1</p></div>
<div class="d1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><p>描述1</p></div>
<div class="d1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><p>描述1</p></div>
<div class="d1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><p>描述1</p></div>
<div class="d1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><p>描述1</p></div>
<div class="d1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><p>描述1</p></div>
</div>
</body>
</html>
1回答
-
好帮手慕言
2020-06-23
同学你好，使用同学提供的代码测试，是不符合效果图的，间距不相同，右侧的间距太大了
建议：给类名为d1的元素添加上边框，类名为per的元素的宽度调整为子元素的总宽度(一个子元素的宽度为262px，一行有三个，那么per的总宽度为262*3=786px)，设置padding属性，属性值与子元素的margin值保持一致，如下：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题