Css “对齐”;运输署";他在桌子上
我有一个这样的设计Css “对齐”;运输署";他在桌子上,css,asp.net,html,html-table,Css,Asp.net,Html,Html Table,我有一个这样的设计 <table> <tr> <td style="width: 50%"> <table id="table1"> <tr><td></td></tr> <tr><td></td></tr> . . <tr><td></td></tr> </t
<table>
<tr>
<td style="width: 50%">
<table id="table1">
<tr><td></td></tr>
<tr><td></td></tr>
.
.
<tr><td></td></tr>
</table>
</td>
<td style="width: 50%">
<table id="table2">
<tr><td></td></tr>
<tr><td></td></tr>
.
.
.
.
.
.
<tr><td></td></tr>
</table>
</td>
</tr>
</table>
.
.
.
.
.
.
.
.
这里,表1比表2短,因为表1中的行更少,因此,我将表放在主td的中间,而不是顶部。我不能给出表1的填充底或边距底,因为在某些情况下,表1可能会变长。我需要把桌子放在最上面。请帮帮我。在css中添加
td{vertical align:top;}
就可以了
为第一个或两个td添加valign=“top”。
<table width="100%">
<tr>
<td valign="top" style="width: 50%">
<table id="table1">
<tr><td></td></tr>
<tr><td></td></tr>
.
.
<tr><td></td></tr>
</table>
</td>
<td valign="top" style="width: 50%">
<table id="table2">
<tr><td></td></tr>
<tr><td></td></tr>
.
.
.
.
.
.
<tr><td></td></tr>
</table>
</td>
</tr>
</table>
.
.
.
.
.
.
.
.
用户垂直对齐:顶部代码>在td
中。简短而简单的这可以让所有td都达到顶端:)是的,我想他希望所有td都达到顶端,但是的,你的解决方案看起来更诚实。你的解决方案也不错,但如果已经在使用CSS,最好为特定的td添加一个类。