05 January

決められたwidth height　に絶対画像サイズをあわせる

<div>
<a href="#">
<img src=" ~~~~~ ">
</a>
</div>

a {
    max-width: 250px;　//max-をつける理由忘れた
    height: 300px;　//縦サイズ絶対指定する
    overflow: hidden; //縦長の画像のはみ出た部分を非表示
    display: block;　//imgの上の階層はブロック要素にする
    text-align: center;　//横のセンターに配置する
    line-height: 300px;　//なんの理由があるか忘れた
}
img {
    max-width: 250px;　//レスポンシブは　max-　をつけないとダメ
    height: auto;　//　横サイズに合わせて縦が勝手に変動
    vertical-align: middle;　//縦サイズが足りない画像がきても中央に配置する
}

※注意点

<div>
<a href="#">
<span>
<img src=" ~~~~~ ">
</span>
<p>~~~~~~</p>
</a>

</div>

<p></p>をリンクを含めないなら上記のcssでいいが、全部囲ってリンクしたい場合、
imgのみを囲うものがないとダメ。
imgのみ囲うもので縦横サイズを指定し、ブロック要素にする必要がある
spanなどで囲う。その場合　a　に指定していたcssは　spanに指定する