可以用“text-align”属性和“line-height”属性。
1、新建html文件，在body标签中添加div标签，在div标签输入文字，这里以“演示文本”为例，给div标签设置宽度、高度和背景色属性，属性值分别为200、100和灰色，这时“演示文本”默认位置为div盒子的左上方：
2、这时给div标签添加上“text-align”属性，属性值为“center”，这时文字将会在div容器中水平居中：
3、这时给div标签添加行高“ling-height”属性，属性值为高度的值“100px”，再添加“vertical-align”属性，属性值为“middle”，这时文字将会水平垂直都居中：
使用CSS将字体居中可以使用HTML中的 <center>标签，简单方便。
具体介绍CSS中Center标签定义、其使用方法及相关内容：
对浏览器支持：所有浏览器都支持 <center>标签。
定义和用法：对其所包括的文本进行水平居中。
标准属性：id, class, title, style, dir, lang, xml:lang。
事件属性：onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup。
HTML 与 XHTML 之间的差异：
A、在 HTML 4.01 中，center 元素不被赞成使用。
B、在 XHTML 1.0 Strict DTD 中，center 元素不被支持。
Center标签实现字体居中案例：
<table width="400" border="0"><tr>
<td><center>表格内容1</center></td>
<td>表格内容2</td>
<td><center>表格内容3</center></td>
</tr>
<tr>
<td>表格内容4</td>
<td><center>表格内容5</center></td>
<td>表格内容6</td>
</tr>
<tr>
<td><center>表格内容7</center></td>
<td>表格内容8</td>
<td><center>表格内容9</center></td>
</tr>
</table>
Center标签实现字体居中案例效果：
附，另一种实现方法：
td{ text-align:center}
<td align="center" valign="middle">
前一个是水平居中 后一个是垂直居中
对应的css写法:
<td style="text-align:centervertical-align:middle">
提示和注释：请使 CSS 样式来居中文本！
通常首选方法是使用 flexbox 居中内容。只需三行代码即可： display:flex ，然后使用 align-items:center 和 justify-content:center 将子元素垂直和水平居中。
如下代码：
html：
css：
使用grid(网格)与flexbox非常相似，也是一种常见的技术，尤其是布局中已经使用网格的情况下。与前一种flexbox技术的唯一区别是它显示为栅格。
如下代码：
html:
css:
使用css transform 居中元素，前提是容器元素必须设置为 position:relative ，然后子元素使用 left:50%和 top:50% 偏移子元素，最后使用 translate（-50%，-50%） 以抵消其偏移的位置。
代码如下：
html：
css：
最后，表格居中是一种旧技术，在使用旧浏览器时，您可能会喜欢这种技术。前提是容器元素设置为 display:table ，然后子元素设置为 display: table-cell ，最后使用 text-align: center 水平居住和 vertical-align: middle 垂直居中。
代码如下：
html：
css:
