html中单元格中文字如何靠顶部对齐?

html-css07

html中单元格中文字如何靠顶部对齐?,第1张

可以借助属相valign来实现。实例如下:

<html>

<body>

<table border="1">

<tr>

<td width="100px" height="50px" valign="top">测试</td>

</tr>

</table>

</body>

</html>

效果如下:

补充知识:

valign的值有:top(顶对齐)

Middle(垂直居中)

bottom(底对齐)

<div style="text-align: leftwidth: 740px"><span>你要显示的文字</span></div>

将上述代码放入<table>标签内合适的位置即可。默认左对齐,宽度740px。

text-align:文字对齐方式

width:div标签的宽度

如果要修改文字可对齐的方式有:left左,center居中,right右。

div的宽带要和表格宽度一样,这样才能行。