麻烦帮忙优化一下，试了很多办法都不行
来源：4-11 编程练习
慕沐1462760
2020-11-17 13:42:29
# 具体遇到的问题
<html>
<head>
<!-- 此处编写样式 -->
<style>
td{
width: 240px;
border-style: solid;
border-top: none;
outline: none;
}
div{
float: left;
margin-left: 30px;
}
#div1{
width: 900px;
}
#div3{
line-height: 15px;
}
img{
vertical-align: bottom;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div id="div1">
<div id="div2">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br>
<table >
<th >
<td >欢迎来到慕课网学习新知识!</td>
</th>
</table>
</div >
<div id="div3">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br>
<table >
<th >
<td >欢迎来到慕课网学习新知识!</td>
</th>
</table>
</div>
<div>
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br>
<table >
<th >
<td >欢迎来到慕课网学习新知识!</td>
</th>
</table>
</div>
<div>
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br>
<table >
<th >
<td >欢迎来到慕课网学习新知识!</td>
</th>
</table>
</div>
<div>
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br>
<table >
<th >
<td >欢迎来到慕课网学习新知识!</td>
</th>
</table>
</div>
<div>
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br>
<table >
<th >
<td >欢迎来到慕课网学习新知识!</td>
</th>
</table>
</div>
</div>
</body>
</html>
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
在这里输入代码，可通过选择【代码语言】突出显示
1回答
-
同学你好，建议同学按照任务中的步骤来写，先定义大的div作为容器，再定义6个div作为小模块。每个小模块中展示图片和文字。
如下：
同学可以参考另一个问答 https://class.imooc.com/course/qadetail/263177
0
相似问题