无论是做web前端还是手机端的前端页面，我们经常会用到的就是图片不规则，而我们又需要这个图片在容器上以水平垂直居中显示，如上图。
其实这个也很简单，直接上我写的样式：
CSS：
<style type="text/css">
.img-container{width: 100%; float: left}
.img-container span{width:120px;height:120px;overflow:hidden;posi

在WORD文档编辑过程中，我们常常会用到文本框，今天我们来学习一下如何将文本框内的文本水平、垂直方向均设置为居中对齐。
目标
下图左侧为横排文本框原稿，文本框内文本水平方向为左对齐，垂直方向为顶端对齐，接下来我们要将文本框内的文字水平、垂直方向都设置为居中对齐，达到图片右侧终稿显示的效果。

操作步骤

选中原稿中横排文本框内的文本，在［开始］选项卡［段落］功能组中点击［居中］按钮，使文字在文本框内水平方向居中对齐。



选中文本框内文本，在［格式］

在写页面的时候，经常会遇到元素垂直居中的需求。有时候一连试了几种方法，并没有效果，那是因为你没有用对方法，每种垂直居中，都有不同的使用条件。下面我们来详细了解一下吧。
这里收集了八种不同的方法。
一、行高，line-height。
适用场景：单行文字垂直居中。
在一个块级元素中有一行字，想让文字垂直居中，便可以在块级元素上设置和元素高度一致的行高。如图所示<div>元素，添加行高后，文字的位置就从左边变成右边的，实现了垂直居中。
html
<div i

在WORD文档编辑过程中，我们常常会用到文本框，今天我们来学习一下如何将文本框内的文本水平、垂直方向均设置为居中对齐。
目标
下图左侧为横排文本框原稿，文本框内文本水平方向为左对齐，垂直方向为顶端对齐，接下来我们要将文本框内的文字水平、垂直方向都设置为居中对齐，达到图片右侧终稿显示的效果。

操作步骤

选中原稿中横排文本框内的文本，在［开始］选项卡［段落］功能组中点击［居中］按钮，使文字在文本框内水平方向居中对齐。



选中文本框内文本，在［格式］

今天教大家几种快速合并、拆分单元格的新方式。学了这几种方法的人，无不感叹：竟然还可以这样操作？以前 Excel 都白学了。

篇幅很短，强烈建议大家看完，因为每一个技巧都非常让人惊喜，能大大提高工作效率。

案例 1：将一列数据合并到同一单元格

将下图 1 中三列数据内容合并到 A1 单元格中。效果如下图 2 所示。



解决方案 1：

1. 将 A 列的列宽调大，大到比合并后的内容长度还要宽，即宽度足以容纳合并内容。

有些读者以为 Word 在平时工作中用之甚少，可能是学生或文字工作者会用得比较多。
其实不然，互联网的产品经理们，写需求文档用的都是 Word。所以不妨也学习一些 Word 技巧，用到的时候可以节约不少时间。
今天教大家几个 Word 中非常实用的操作技巧。
需求：

设置文本对齐方式
字体缩放大小
清除格式设置
快速设置行距
选中一个矩形区域
快速插入表格
合并、拆分表格

解决方案 1：设置文本对齐方式
默认情

除了微软的office套件，我们在日常办公中用的最多的要属WPS了。利用快捷键可以让我们的效率提高；今天我们就来整理一下WPS的相关快捷键，希望对各位日后的工作有所帮助！

WPS文字快捷键大全
用于处理WPS文档的快捷键

创建新文档Ctrl N或者Alt F N（对应New）
打开文档Ctrl O或者Alt F O(对应Open)
关闭文档Ctrl W或者Alt W C
保存当前文档Ctrl S或者Alt F S（对应Save）