你是不是也有这样的困扰
元素排列不齐，PPT看起来很乱？
手动调整半天，还是对不齐？
想要均匀分布对象，但一个个拖动太麻烦？

其实，PPT自带对齐&分布工具，让你的PPT排版秒变整齐、专业感爆棚！ 赶紧学起来，效率提升300%！

真的好久都没分享手帐排版了，这段时间一直忙着做古风拼贴和Junkjournal，让想看手帐排版的手帐er们都等得不耐烦了。今天，如你们所愿，提供几个快速上手的排版技巧，手帐新手一定要试一试。

斜对角布局

这个是我最常用模式，百试不爽，百看不厌。你们仔细些也会发现，我日常手帐的大部分排版都是这个模式。

下图这个右上角和左下角是拼贴，中间写文字，这是一种方法。

前端面试中，position定位绝对算是出现的频繁的一个面试题了，我们这次来共享下关于这个属性可以问出怎么样的问题。

CSS 的 position 属性用于控制元素的定位方式，共有五种值：

static、relative、absolute、fixed、sticky。

1. static（默认值）

文本垂直居中，分为“单行”与“多行”文本两种情况，多行又分为“固定”与“不固定”高度两种情况，看下图效果。

1. line-height

height 搭配 line-height 仅可实现单行文本垂直居中，不可用于多行文本。

适用：单行文本

.text1 {
  width: 200px;
  height: 100px;
  line-height: 100px;
  background: rgb(0, 151, 246);
  color: #fff;
  text-align: center;
}

文/杨洁 格式塔理论的完形倾向原则和五个视知觉原则，能非常有效地指导APP界面布局设计中的信息视觉层级设计，帮助设计师有的放矢地对界面信息视觉结构进行组织、简化和协调统一，设计出易学易操作的用户界面。

移动终端的界面最终是以视觉的形式呈现，但又不仅仅局限于视觉形式的审美表达，还包括设计师对用户行为习惯、认知特点的顺应。格式塔理论通过对人们的心理模型提出了基于视知觉判断层面的五个基本原则：

①接近性原则，是指人们通常会认为彼此接近或距离较短的视觉形式更容易被看成一个整体。

前言

我们平常实现的垂直居中不是真正的垂直居中？何出此言！很多时候，往往自己明明正确的实现了垂直居中，但是 UI/UX 依旧说你的垂直居中有问题，然后自己仔细一看确实好像在视觉效果上存在一些偏差，但是仔细看自己实现的垂直居中代码却丝毫没有问题。今天我们就探讨一下这个有趣问题的由来、解决方案以及文字排版的未来。

Github

居中构图是只有新手才会使用的构图吗？用居中构图拍出来的照片就会很烂吗？

居中构图可能是大多数人在刚开始接触摄影时最先了解的构图方法，它简单好上手，甚至是完全不懂摄影的人，也会使用这种构图方法。

简单的场景：是知道父元素和子元素大小，直接margin:xx auto;text-align:center;

面试场景：父元素大小未知，子元素大小已知

来源地址：

方法一：table-cell文本/图片水平垂直居中

主要实现代码：

display: table使块状元素成为一个块级表格;

display: table-cell;子元素设置成表格单元格;

vertical-align: middle;使表格内容居中显示，即可实现垂直居中的效果;

在github上或是其他的后台管理模板上经常看到漂亮的登录页面，今天我们就基于css3及element撸一个"骚气"的登录页面。用到的知识点包括flex布局、绝对定位、相对定位及基本的element。初版的效果如下所示

好了废话少说吧，进入正题，首先说下布局如下所示

<div class="login_box">

<div class="login_mask"></div>

编辑排版