使用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 样式来居中文本！
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：span {position: absolutetop: 45pxleft: 180px}。
3、浏览器运行index.html页面，此时成功通过css设置了文字在图片上面居中显示。
1、可以用text-align属性设置。首先打开hbuilder编辑器，新建一个html文件，先切换到边改边看模式：
2、写一个div出来，同时在内部加上一些文字，使用css增加属性，使得div的区域看得清楚：
3、接下来就使用text-align的center属性将文字横向居中，同时设置行高，使这行文字实际占用的高度和div高度相同，就产生了居中效果：
4、如果是多行文字，需要配合行内标签p和它的padding属性来完成居中，以上就是css设置div文字居中的演示：
