html5在固定位置添加文字,html5 如何控制table中文字的位置

一般table如:

文字1

文字2

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

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

值               描述

top        对内容进行上对齐。

middle  对内容进行居中对齐(默认值)。

bottom 对内容进行下对齐。

baseline   与基线对齐。align

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

值         描述

left       左对齐内容(默认值)。

right    右对齐内容。

center  居中对齐内容。

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

char    将内容对准指定字符。

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

文字1

文字2

如果用CSS可以这样:

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

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

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

}

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

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

}

文字1

文字2

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

参考网址:

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

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