用html做网页的时候怎么让表格的每行中的字都居中

用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、再行进行预览，可以看到表格已经实现了文本内每行中的字都居中。

对于div,p等块级元素

正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行。

1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word-wrap : break-word 或者word-break:break-all实现强制断行

效果：可以实现换行

2.（Firefox浏览器）连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条

效果：容器正常，内容隐藏

对于table

1. (IE浏览器)使用 table-layout:fixed强制table的宽度,多余内容隐藏

abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss

效果：隐藏多余内容

2.(IE浏览器)使用 table-layout:fixed强制table的宽度,内层td,th采用word-break : break-all或者word-wrap : break-word 换行

效果：可以换行

3. (IE浏览器)在td,th中嵌套div,p等采用上面提到的div,p的换行方法

4.(Firefox浏览器)使用 table-layout:fixed强制table的宽度,内层td,th采用word-break : break-all或者word-wrap : break-word 换行，使用overflow:hidden隐藏超出内容，这里overflow:auto无法起作用

效果：隐藏多余内容

5.(Firefox浏览器) 在td,th中嵌套div,p等采用上面提到的对付Firefox的方法

运行代码框

最后，这种现象出现的几率很小，但是不能排除网友的恶搞。

---