与Pure CSS垂直对齐（来自YUI）

Question

如何使用 PureCSS, from YUI 向元素添加vertical-align: middle？

我有三个具有相同高度的元素，我希望如此，＆＃34;内部＆＃34;，他们有vertical-align: middle。

=＆GT; 检查jsfiddle： http://jsfiddle.net/kn88b/1/

我最接近的是display: table; width: 100%，但这会导致移动版本＆＃34;，所以我想要一个适用于所有版本（平板电脑/桌面/移动设备）的解决方案。

Answer 1

使用flexboxes！这是我在Chrome中测试的JSFiddle。

http://jsfiddle.net/kn88b/6/

我在display: flex上指定了.a,.b,.c并在margin: auto上指定了.inside

要制作此跨浏览器，请确保使用所有供应商前缀。

您可以在此处了解有关flexboxes的更多信息： http://coding.smashingmagazine.com/2013/05/22/centering-elements-with-flexbox/

Answer 2

你去了：http://jsfiddle.net/kn88b/3/。已将display:table用于父元素，将display:table-cell; vertical-align:middle;用于子内容