与Pure CSS垂直对齐(来自YUI)
如何vertical-align: middle使用PureUI从YUI添加元素？
我有三个具有相同高度的元素,我想要,"内部",他们有vertical-align: middle.
=> 检查jsfiddle:http://jsfiddle.net/kn88b/1/
我得到的最接近的是display: table; width: 100%,但这个BUG是"移动版",所以我想要一个适用于所有版本(平板电脑/台式机/手机)的解决方案.
使用flexboxes!这是我在Chrome中测试过的JSFiddle.
我指定display: flex的.a,.b,.c和指定margin: auto的.inside
要制作此跨浏览器,请确保使用所有供应商前缀.
您可以在此处了解有关flexbox的更多信息:http://coding.smashingmagazine.com/2013/05/22/centering-elements-with-flexbox/
- “非实际”浏览器是什么意思？一旦您使用适当的前缀等，Flexbox 支持就非常广泛。 (2认同)
- 实际的西班牙语相当于现代英语.对于那些可能会被这种说法搞糊涂的人. (2认同)