今天公司有一个 task ，在展示文章列表时，如果某个文章有缩略图，那么 summary 环绕缩略图排布。这是一个非常简单的问题， float:left 完美解决。但是，难点是在 summary 后面要跟着一行 post meta ，显示作者、评论数等等，没有缩略图时， post meta 直接跟着 summary 就可以了，但是，有缩略图时就会略显繁琐，分两种情况：
1 、 summary 完全包围的缩略图， post meta 还是紧跟着 summary
2 、 summary 没有完全包围缩略图， post meta 单独一行和图片底部对齐
示意图如下：
大家开动脑筋，不允许用 js ，看看如何实现。
今天下班前我憋出了一个 hack 方法，一会把整个过程写在博客里分享给大家。
1 、 summary 完全包围的缩略图， post meta 还是紧跟着 summary
2 、 summary 没有完全包围缩略图， post meta 单独一行和图片底部对齐
示意图如下：
大家开动脑筋，不允许用 js ，看看如何实现。
今天下班前我憋出了一个 hack 方法，一会把整个过程写在博客里分享给大家。
5
Select Language