2016.09.14

2017.06.01

コーディング

レスポンシブ対応でサムネイルサイズを固定してテキストを右に回り込ませる

あっかんべする女の子

See the Pen thum+txt03 by tetsuro (@tetsuro) on CodePen.

知っていると簡単ですが、知らないとなかなか思いつかないかもしれないテクニックです。

レスポンシブでサイズを可変させたいボックスにのみdisplay:table-cellを設定するとその部分が可変します。

参考にしてみてください

SHARE

この記事の筆者

Webクリエイター 古川 徹朗

Webクリエイター 古川 徹朗

Webに関する様々な知識を身に付け、理論的な問題解決を常に目指す頭脳派クリエイター。

WEBSITE DESIGN REQUEST

ホームページ制作・リニューアルの
ご相談はお気軽に

TEL 06-6537-9941 平日 9:00〜19:00

〒550-0012 大阪府大阪市西区立売堀2-5−41

ホームページ制作を相談する