就是想作出和内容一样大的block, 区块元素。
像是如果div的内容全部浮动后,div就会‘塌陷’到0高度。
因为div是block, 高度是由内容决定的。
全部浮动后就‘没有内容’了。
但一般的div的宽度都是100%, 也就是和父元素等宽;
当然也可以自己指定。
我是想作出宽度塌陷的区块元素,也就是宽度由子元素决定的块元素。
我发现只要`display: inline-block; `就可以了。
inline-block的宽度是由内容决定的。
样式是用在让figure的大小缩到和内容一样。
因为我网站的侧边栏是用float的,会把img挤到右边;
但figure还是100%,这时figcaption用`text-align: center; `会跑掉。
如果figure和img一样大就没这问题了。
小技巧分享给大家;
如有更好的解法也欢迎分享。