可以借助属相valign来实现。实例如下:
<html>
<body>
<table border="1">
<tr>
<td width="100px" height="50px" valign="top">测试</td>
</tr>
</table>
</body>
</html>
效果如下:
补充知识:
valign的值有:top(顶对齐)
Middle(垂直居中)
bottom(底对齐)
vertical-align是什么?设置元素的垂直对齐方式。
注意点:
text-align是设置给需要对齐元素的父元素,
vertical-align是设置给需要对齐的那个元素本身,
vertical-align只对行内元素有效。
基线就是一行文字中最短那个文字的底部*/
vertrical-align:baseline
/*图片和父元素的顶部对齐*/
vertrical-align:top
/*图片和父元素的底部对齐*/
vertrical-align:bottom
/*图片和一行文字的顶部对齐*/
vertrical-align:text-top
/*图片和一行文字的底部对齐*/
vertrical-align:text-bottom
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)