老师， 帮我看下这样写有问题没, 还有复制到不同的浏览器显示不一样， 怎么解决兼容问题呢？
来源：3-1 实战分析
voating
2018-01-29 12:08:15
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style type="text/css">
*{margin:0px;padding:0px;}
.list{border:1px solid #ececec; margin:10px; width:786px;}
.pic{ float:left;border:1px solid #ececec;margin:10px;}
div p{line-height:30px;text-indent:0.5em;}
.list{float:left;}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div>
<div>
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div>
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div>
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div>
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div>
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div>
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
</div>
</body>
</html>
2回答
-
voating
提问者
2018-01-29
<!DOCTYPE html> <html> <head> <!-- 此处编写样式 --> <style type="text/css"> *{margin:0px;padding:0px;} .list{border:1px solid #ececec; margin:10px; width:786px;} .pic{ float:left;border:1px solid #ececec;margin:10px;} div p{line-height:30px;text-indent:0.5em;} .list{float:left;} </style> </head> <body> <!-- 此处写代码 --> <div class="list"> <div class="pic"> <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="pic"> <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="pic"> <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="pic"> <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="pic"> <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="pic"> <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> </div> </body> </html>0 -
bbbboom
2018-01-29
同学，你上传的代码body中是没有class类的，如下：
现在测试的样式和编程中给出的效果图不符的，为了避免代码遗漏的情况，可以上传之前先把代码格式化一下哦，如下：
方便的话可以重新上传哦，一起加油啊，ヾ(◍°∇°◍)ﾉﾞ
0h018-01-29
相似问题