html - 如何让 3 张图像适合整个屏幕？

Question

我遇到了以下问题:我试图在我的整个屏幕上显示 3 张图片。每张图片的宽度应为 33% 并居中(即仅显示图片的中心。)这是我的代码:

<div class="fluid-container">  
  <div class="row">
    <div class="col-xs-4">
  <img src="images/skills.jpg" alt="Bitte benutze einen anderen Brwoser">
    </div>

    <div class="col-xs-4">
       <img src="images/kontakt.jpg" alt="Bitte benutze einen anderen Brwoser">
    </div>

    <div class="col-xs-4">
     <img src="images/lebenslauf.jpg" alt="Bitte benutze einen anderen Brwoser">
   </div>
  </div>

CSS

img  {background-size: cover;  background-repeat: no-repeat;}

Answer 1

它们不是背景图像，因此背景样式不起作用，而不是在列内使用标签，为列提供 ID 并为每个列设置背景图像，然后您可以引用 w3schools 之类的所有背景样式方法和玩一玩。