用html做网页的时候让表格的每行中的字都居中操作如下：
1、首先按照常规，输入表格的文字内容，如下图所示，整体代码如下：
<table>
<p>功课表</p>
<tr>
<th>语文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>数学</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>
2、然后按照常规，设置表格的样式，如下图所示，示例整体代码如下：
<style type="text/css">
body
{
width:340px
height :800px
}
table
{
border-collapse :collapse
}
th,td
{
width:100px
height:40px
border :1px solid black
font-size:12px
}
</style>
3、然后在浏览器里面进行预览，可以看到表格的标题和里面的内容，都是不居中的；
4、先设置表格的标题居中，代码如下：style="text-align:center "。
5、进行预览，可以看到标题已经实现了居中，但是内容还没有实现单元格居中；
6、只需要在设置表格样式里面输入代码进行文本居中即可，代码如下：text-align :center
7、再行进行预览，可以看到表格已经实现了文本内每行中的字都居中。
IE6/7及IE8混杂模式中，text- align:center可以使块级元素也居中对齐。其他浏览器中，text-align:center仅作用于行内内容上。解决这个问题比较好的方式，就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:Automargin-right:Auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持，所以还要设置父容器的 "text-align:center"。
若居中对齐的子元素内的行内内容不需要居中对齐，则还需要为其设置“text-align:left”：
* { font-family:Consolas,Verdana,Arialfont-size:12px}
这个问题对很多新手来说都是难以挑战的难度，就是网上有代码很多人都难以了解。其原理很简单，就是把块级元素变成行内元素，定义样式vertical-align:middle，让其垂直居中。这里面有两个难点，1、怎样把块级元素变成行内元素并可以定义大小，而且还要兼容（要了解IElayout）。2、如何用好vertical-align:middle，vertical-align:middle用在表格上很见效，谁都可以用，用在行内元素怎样才能起作用呢等等。\x0d\x0a代码我写给你，你自己去琢磨\x0d\x0a\x0d\x0a.box{display:inline-block}\x0d\x0a.box{*display:inline*zoom:1width:50pxheight:80pxborder:#000 1px solidvertical-align:middle}\x0d\x0ai{display:inline-blockwidth:0height:100%vertical-align:middle}\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a \x0d\x0a afdafd\x0d\x0a
