不同的图像大小移动的div下来不对称

问题描述：

<div class="row"> 
      <div class="col-md-4 content-column"> 
      <img class="btn-center btn-desktop" src="images/buttons/btn-desktop.svg" alt="desktop button"> 
      <h2 class="btn-desktop-headline">Desktop Applikationen</h2> 
      </div> 

      <div class="col-md-4 content-column"> 
      <img class="btn-center btn-webdesign" src="images/buttons/btn-webdesign.svg" alt="webdesign button"> 
      <h2 class="btn-webdesign-headline">Webdesign</h2> 
      </div> 

      <div class="col-md-4 content-column"> 
      <img class="btn-center btn-ios" src="images/buttons/btn-ios.svg" alt="ios Logo button"> 
      <h2 class="btn-ios-headline">iOS</h2> 
      </div> 
     </div>

现在取决于图像大小，头条进一步下移与否。我怎么能解决这个问题？

你有什么造型吗？ CSS？ – blackandorangecat

你预计会发生什么？ ....如果图像比较大，文字会下降。这是正常的行为 – DaniP

答

解决这个问题的最佳方法是将div放在全宽和css指定的高度。而当你从服务器端获取图像时，你应该将它们绑定到style属性中。

这样做的好处是，您可以在不影响纵横比的情况下拉伸图像并将其定位到div的中心。

不同的图像大小移动的div下来不对称

相关推荐