2017-04-10 12 views
0

私が起こっている次の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> 

、見出しがダウンしているかではない、さらに移動します。どうすればこの問題を解決できますか?

+0

スタイリングはありますか? CSS? – blackandorangecat

+0

何が起こると思いますか? ....画像が大きければ、テキストは上下に移動します。それは正常な行動です – DaniP

答えて

0

これに対処する最良の方法は、全幅と指定された高さのCSSを配置することです。また、サーバー側からイメージを取得している間は、それらをスタイル属性でバインドする必要があります。

これを行う利点は、アスペクト比を乱さずに画像を伸ばし、divの中央に配置できることです。

関連する問題