操作方法
- 01先写上html代码,如图,内容很简单,就是一个p里有一段文本 。
文章插图
02再写上p对应的样式,如图,这里只设置了p的边框和高度,宽度 。
文章插图
03如果这里显示的话,我们看下页面,文本是不会水平居中和垂直居中的 。
文章插图
04要让文本水平居中,我们可以添加样式:text-align: center;
要让文本垂直居中,我们可以添加样式: vertical-align: middle;和display: table-cell;
文章插图
05添加完这几个样式后,刷新页面可以看到现在的文本已经可水平居中和垂直居中了 。
文章插图
【CSS文字垂直居中】
- Word中如何将图片浮于文字上方
- WPS文字怎么快速插入封面
- 如何给图片加上电影字幕效果的文字?
- 在word文档中怎样让文字旋转
- WPS文字中表格的数据如何计算
- 如何在wps文字中将两个或多个文档合并为一个
- 使用PPT制作文字按笔画书写动画
- photoshop怎么把文字或图片居中
- css设置字体间距
- PS怎么修改图片中的文字?