Question

body{
background-size: 100%;
background-image:url('../img/back.png');
}
.school{
font-size:45px;
margin: 20px 20px;
color:#696969;
font-weight:600;
}
.date{
font-size:28px;
width:200px;
height:40px;
color:#696969;
font-weight:600;
margin-left:70%;
  }
  #mid{
  }
  .kid_info{
  width:242px;
  height:162px;
  background:url('../img/bubble_info.png') no-repeat;
  padding: 20px 40px;
  }
  #name{
  font-size:30px;
  color:#696969;
  }
 .kid_info font{
  font-size:18px;
  color:#808080;
  }
  .kid_pic{
  width:40px;
  height:200px;
  background:url('../img/kid.png') no-repeat;
  }
  .grap{
width:629px;
height:394px;
background:url('../img/mon_folder.png') no-repeat;
  }




  <link rel="stylesheet" type="text/css" href="css/main.css" />
  <html>

  <body>
 <div class="school">Willdow Glen Elementary</div>
 <div class="date">February-Week2</div>
 <div id="mid">
 <div class="kid_info"><font id="name">Jack Nicklaus</font></br><font>Age. 8</font>     
 </br><font>Gender.male</font></div>
 <div class="kid_pic"></div>
 <div class="graph"></div>
 </div>
 </body>
 </html>

我试图在同一级别显示三个图像看起来三个图像在同一级别上没有很好地显示三个图像我是css的初学者。请给我一些建议谢谢你提前

Answer 1

您可以使用CSS同时显示三张图像。您可以使用以下表格执行此操作。

<table>
<tr>
<td><img src="image1.jpg" name=""/></td>
<td><img src="image2.jpg" name=""/></td>
<td><img src="image3.jpg" name=""/></td>
</tr>
</table>

试试这样。然后你可以使用CSS来更美化。

在同一级别显示多个图像的方式是什么？

1 个答案: