html中表格怎样设置文字居中

可以用“text-align”属性控制du文字的位置，“center”属性值让文字居中显示。

1、新建html文档，在body标签中添加一个div标签，在div标签中添加p标签，这时文字将会在div标签中靠左显示：

2、为div标签设置“text-align”属性，属性值为“center”，这时文本将会居中显示：

3、想让文本靠右显示，可以为“text-align”属性设置“right”属性值，这时文本将会靠右显示：

1、在准备编辑HTML网页之前，先了解一下HTML代码的基础知识。

学习不同标签，你可以使用它们改变字号或者文本格式。比如在括号内的“b”用来把字体加粗。“i”用来表示斜体字。在代码中不要包括引号。

练习使用配对标签。大多数格式标记需要两个标签，分别在文本的开头和结尾。第一个标签将包括标签括号内（<>）的字母和符号。第二个标签将包括一个反斜线，并位于标签之前。例如，在加粗的文本开头的括号内插入“b”，并在文本结尾的括号内插入“/b”。

2、找出在网页中想要居中的文本。

3、在文本开头之前的括号内插入标签“center”。不要在标签和文本之前包括空格。

4、在文本结尾后的括号内插入“/center”。不要包括空格。

5、保存你的网页。浏览网页看看文本是否按要求对齐。

如果没有改变文本的对齐方式，那么需要运用一个程序，比如HTML5这样使用CSS而不是HTML代码的程序。试试用第二种方法来正确的对齐文本。

一般table如:

<table id="tb1"> 

     <tr>

       <td>文字1</td>

       <td><div>文字2</div></td>

     </tr> 

</table>

HTML中td标签有两个常用的属性可以控制内容位置

valign

控制垂直位置, align 属性规定单元格中内容的水平对齐方式。

值               描述

top        对内容进行上对齐。    

 middle  对内容进行居中对齐（默认值）。    

 bottom 对内容进行下对齐。    

 baseline   与基线对齐。   

align

属性规定单元格中内容的水平对齐方式。

值         描述

left       左对齐内容（默认值）。    

right    右对齐内容。    

center  居中对齐内容。

justify  对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）。  

char    将内容对准指定字符。  

例如要让"文字1"居中代码如下:

<table id="tb1"> 

     <tr>

       <td valign="middle" align="center" >文字1</td>

       <td><div>文字2</div></td>

     </tr> 

</table>

如果用CSS可以这样:

<style type="text/css">

#tb1 td.txt1{   /** 文字1居中 */

    vertical-align: middle  /**垂直居中*/

    text-align:center  /**水平居中 */

}

#tb1 td.txt2 div{  /**文字2*/

   text-align:right  /**水平右对齐 */

}

</style>

<table id="tb1"> 

     <tr>

       <td class="txt1">文字1</td>

       <td class="txt2"><div>文字2</div></td>

     </tr> 

</table>

另外实际应用中还有更多方法,例如position或者float等CSS方法.

参考网址:

http://www.w3school.com.cn/tags/att_td_align.asp

http://www.w3school.com.cn/tags/att_td_valign.asp

---