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

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

WBOY
Freigeben: 2016-06-24 12:16:58
Original
1856 Leute haben es durchsucht

<?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>
Nach dem Login kopieren

运行效果如下:

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

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


回复讨论(解决方案)

属性里面没有吗?

属性里面没有吗?

<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>
Nach dem Login kopieren

属性指什么?

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

6楼所言即是

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

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage