どうもこんにちは。Toshikuraです。今回のTipsは【CSSのみで色んなサイズの画像を横並びにして縦横サイズを合わせる方法(レスポンシブも可)】です。jQueryをつかえば一瞬でできる内容ですが…CSSのみでも簡単に実装できますので、機会があればお試しください。 実装方法 実装方法はすこしだけ複雑です。この方法では横幅に%も使えますのでレスポンシブにも利用できます。まずはデモとコードをご確認ください。 正方形(180px*180px)の例 HTML <ul class="thumb"> <li><a href="#"><img src="img/1.jpg"></a></li> <li><a href="#"><img src="img/2.jpg"></a></li> <li><a href="#"><img src="img/3.jpg"></a></li> … </ul> .t