Heim  >  Artikel  >  Web-Frontend  >  如何让Table的字顶部对齐_html/css_WEB-ITnose

如何让Table的字顶部对齐_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:16:581841Durchsuche

<?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>

运行效果如下:

但是我希望记录两个字能够顶部对齐,就像下图一样

请问上面这段代码应该怎么改


回复讨论(解决方案)

属性里面没有吗?

属性里面没有吗?

<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>

属性指什么?

在tr里面加上这个就可以了  style="vertical-align:top"

6楼所言即是

在tr里面加上这个就可以了  style="vertical-align:top"

同意,但似乎对于条码字体不起作用

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn