Centratura verticale immagini portrait

[awd]

Ciao,
Sono un po' arrugginito...

Ho questa struttura:

<div>
  <a href="">
    <figure>
      <img src="" alt="" />
    </figure>
  </a>
</div>

Il figure ha dimensione fissa 150 x 100.
Le img però possono essere sia orizzontali che verticali.
Come faccio a centrarle verticalmente croppando la parte superflua?

[ResianTaxidrive]

Forse il modo più semplice e cross browser è caricare le immagini come background e impostare a center il background position.

Altrimenti dovresti usare il crop per tagliare una porzione di immagine ma se hai una varietà di grandezze, non so se ti funziona.

[awd]

Grazie, ho risolto. Effettivamente è un metodo che non conoscevo

.element {
position: relative;
top: 50%;
transform: translateY(-50%);
}

http://zerosixthree.se/vertical-alig...-lines-of-css/

[ResianTaxidrive]

ma non dovevi anche tagliare l'immagine?

[awd]

ma non dovevi anche tagliare l'immagine?

Per quello uso semplicemente un overflow:hidden