您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

居中布局简介

接下来我们将带领大家看看移动端常见的居中布局,其实居中布局大家在日常生活中基本都见过,只是当时没怎么留意罢了。

没给留下深刻印象的布局反而是好布局,因为的注意力都在上了,证明此时的布局令操作顺畅。

而给留下印象的布局一般就不太好了(一些与众不同的炫酷布局除外):

这个按钮怎么放这了,我都误碰好几次了;按钮在哪呢?怎么关啊这个;这个商品的简介在哪呢?应该点哪购买啊?这个布局怎么这么乱看的我都晕了,哎算了算了,以后不来这个网站了……

不同的布局用来对应不同的场景,用对场景的话会令的操作比较舒服顺畅,但用错场景的话可能会有些懵,不利于引导按自己想要的方式去操作。

这么做的目的除了突出之外,还有比较重要的点就是可以令感觉到自己并没有离开,只不过是在中出现了小框而已,这样可以有效减少的陌生感。

一方面我们可以利用现有的CSS库: 来实现居中布局:

这种方式不仅利于我们的学习,更加有助于我们的记忆。

然后也会带领大家如何在不依赖于任何外界条件的情况下纯手工实现居中布局:

居中布局在移动端拥有十分广泛的应用,不过大多起的是一种引导或作用。
下一小节我们将讲解一下如何用去实现居中布局。


联系我
置顶