曾小超的博客

LayUI框架虽然已经帮我们写好了主页布局，但是LayUI框架的插件较少，不足以我们使用，所以这个主页需要自己来写。 要注意的是，不能使用浮动布局，因为浮动布局比较麻烦，还要用JS来动态计算宽高，不够方便。 所以，我们采用Flex布局。效果图：页面分为三个部分：头部为导航条，左边为菜单，右边为iframe，我们只要往这三个部分填充用Z...

就几行代码搞定上下左右居中，而且现在弹性盒子也兼容几乎所有的浏览器。100vw：是指手机的宽度分成100份，适配移动端；100vh同理。justify-content：center；主轴居中对齐；align-items：center；交叉轴单行居中对齐；Flex布局不懂的，移步-->https://blog.youkuaiyun.com/weixin_42995083/article/...