我正在尝试制作一个包含多列内容框的响应式网站。
每个内容框都包含照片，标题和标题。
简而言之，我希望每种都以这种格式显示
http://i.stack.imgur.com/ST9pD.png
[X]：图像
ABC：标题
xxx：标题
要指定，我希望在Web视图中逐个显示标题和标题。
虽然标题将隐藏在移动视图中，标题将位于照片的顶部。
请注意，标题的长度可能会变化很长，需要多行。
像这样： i.stack.imgur.com/ejElB.png （抱歉没有足够的声誉发布2个以上的链接）
我已经尝试了好几天，
我只能实现我想要的移动版本，我将我的标题贴在照片的底部。
但是，我无法弄清楚如何调整title / capion div的位置以在Web视图中正确显示它们。
到目前为止我做了什么:(移动视图成功完成，调整窗口看）
https://fiddle.jshell.net/1esew8dj/1/
我一直都在自己学习这些东西，很抱歉，如果不合标准的话。
