我们想使用 CSS 灵活的盒子模型,但需要将一个项目“浮动”到左边,同时居中第二个项目。
这是我们想要实现的目标:http: //jsfiddle.net/Lx7GQ/
我们想使用灵活的盒子模型,这样我们就可以轻松地将项目垂直居中,同时实现这种水平布局。
当然,我们可以使用相对定位来手动放置所有东西,但我们想知道是否有一种自然的方法可以使用灵活的盒子模型来实现这种外观。
我们只需要支持 Mobile Safari。
这怎么可能?
我们想使用 CSS 灵活的盒子模型,但需要将一个项目“浮动”到左边,同时居中第二个项目。
这是我们想要实现的目标:http: //jsfiddle.net/Lx7GQ/
我们想使用灵活的盒子模型,这样我们就可以轻松地将项目垂直居中,同时实现这种水平布局。
当然,我们可以使用相对定位来手动放置所有东西,但我们想知道是否有一种自然的方法可以使用灵活的盒子模型来实现这种外观。
我们只需要支持 Mobile Safari。
这怎么可能?
水平居中最好通过使用margin-left: auto; margin-right: auto;
和 set来实现width
。看到这个更新的小提琴:http: //jsfiddle.net/Lx7GQ/1/
垂直中心更难,并且已多次解决。
html5please建议避免使用灵活的盒子模型,它在移动设备上不受支持。