3-4编程练习问题

来源:3-4 编程练习

对方正在说话

2018-07-09 23:38:01

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
 <style type="text/css">
 *{
 margin: 0px;
 padding: 0px;
 }
 .container{
  width: 790px;
  margin: auto; 
  padding: 10px;
  border: 1px black dashed;
 }
 .clear{
  clear: both;
 }
 .a{ 
  margin:10px;
  float: left;
  border:1px black solid;
 }
 .txt{
  padding-left: 20px; 
 } 
</style>
</head>
<body>
<div class="container">
 <div class="a">
  <div class="pic"><image src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"></div> 
  <div class="txt">欢迎来到慕课网学习新知识!</div>
 </div>
 <div class="a">
  <div class="pic"><image src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></div>
  <div class="txt">欢迎来到慕课网学习新知识!</div>
 </div>
 <div class="a">
  <div class="pic"><image src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"></div>
  <div class="txt">欢迎来到慕课网学习新知识!</div>
 </div>
 <div class="a">
  <div class="pic"><image src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"></div>
  <div class="txt">欢迎来到慕课网学习新知识!</div>
 </div>
 <div class="a">
  <div class="pic"><image src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></div>
  <div class="txt">欢迎来到慕课网学习新知识!</div>
 </div>
 <div class="a">
  <div class="pic"><image src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"></div>
  <div class="txt">欢迎来到慕课网学习新知识!</div>
 </div>
 <div class="clear"></div>
</div>     
</body>
</html>

两个问题:1、请问我这个完成的符合题目要求吗?

2、请问container能不设置宽度,根据内容自适应居中吗?如何操作

写回答

1回答

好帮手慕阿莹

2018-07-10

1、你的代码符合作业要求,继续加油

2、container需要设置宽度才能自适应居中。

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

0

0 学习 · 10204 问题

查看课程