html - 网页设计 html/css 的对齐问题。包括 fiddle 。

Question

我正在尝试设计一个响应式布局，其中并排有一个图像和一个段落，并且图像与文本垂直对齐(段落高度随着浏览器宽度的调整而变化)。

这是我的醋栗代码， http://jsfiddle.net/xSrpt/

我试过用

    vertical-align:middle;

和

    vertical-align:central;

在父 div (#intro) 上，但无法使用它。我觉得这应该是一个简单的解决方法，我遗漏了一些东西，但希望你们能提供帮助。

请在您的答案中包含一个有效的 fiddle 。

非常感谢!

Answer 1

只是为以上答案添加评论(代表太低)。不需要将div转成table。

您所要做的就是将 vertical-align:middle 应用于子元素，而不是父元素。

#intro > * { vertical-align:middle }

这是您的 fork fiddle 。 http://jsfiddle.net/UBD6S/

更简单的解决方案。