要想制作一个美观的页面,掌握样式中布局的技术是必备的。因为在页面开发中,我们需要将设计师提供的图纸制作成精美的页面,不同部分考虑使用什么样的布局是必不可少的。
微搭中常见的布局有四种,分别是内联布局(inline)、弹性布局(flex)、块级布局(block)、内联块布局(inline-block)。我刚开始学习的时候也是云里雾里,摸不着头脑。要想学习这些概念,有个高质量的教程是必不可少的。我们还是在MDN里学习。
打开布局的教程,可真不少的内容
我们最常使用的是布局和定位,不同的功能,使用的内容也不一样。我们学习的路径是一个看教程,再一个看官方的模板,模板里是如何使用的。
内联块布局
我们看一下官方的模板