如何让Table的字顶部对齐
- HTML code
<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Test</title> </head> <body> <table border="1" width="400"> <tr> <td>日期：</td> <td>2012-01-01</td> </tr> <tr> <td>记录：</td> <td> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> </td> </tr> </table> </body></html>
运行效果如下：
但是我希望记录两个字能够顶部对齐，就像下图一样
请问上面这段代码应该怎么改
[解决办法]
<td valign="top">
[解决办法]
- HTML code
<table border="1" width="400"> <tr> <td>日期：</td> <td>2012-01-01</td> </tr> <tr> <td valign="top">记录：</td> <td> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> 测试数据<br /> </td> </tr> </table>