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に指定する PR
