display:tableのケーススタディ

画像と画像のキャプションを同じ幅にする例

コンテンツ自体の幅が指定したwidthを超える場合、コンテンツ自体の幅になる。 width: 1%;を指定している箇所が特筆な箇所。

参考サイト

https://app.codegrid.net/entry/css-table-2

上記以外にもいろいろ参考になる、面白い活用方法が記載されている。

Written by Ta Toshio who lives and works in Saitama, Japan .You should follow him on Twitter