Html 将三幅图像等分，图像名称也会出现它们的预期图像

实际上图像是450*450像素（高度和宽度都是15.88厘米） 因此，我想调整他们在屏幕上，请看我的屏幕截图，正如你看到的名称也在每个图像的底部，名称不应该太大和太小，它只是适合图像

img{
填充浮动：左；
边界半径：150%；
}

演员

Bootstrap 3解决方案 HTML结构

<div class="row">
  <div class="col-...">
    <img ...>
    <h5>...</h5>
  </div>
</div>

名字1
名称2
名字3

引导4解决方案

<div class="row text-center">
  <div class="col">
     <div><img src="https://via.placeholder.com/450x450" alt="chadwick"></div>
     <div>chadwick</div>
  </div>
<div class="col">
     <div><img src="https://via.placeholder.com/450x450" alt="michel"></div>
     <div>michel</div>
  </div>
<div class="col">
     <div><img src="https://via.placeholder.com/450x450" alt="lupita"></div>
     <div>lupita</div>
  </div>
</div>

查德威克
米歇尔
卢皮塔