嗨,我希望文本应该出现在单元格的底部,但它显示在中间。请帮我解决这个问题。我在 td 中输入了 valign="bottom"但也没有出现在单元格的底部。
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="bottom" style="padding-left: 20px; background-color: Green">
<div style="padding-top: 5px">
<div style="float: left">
First Name
</div>
<div style="float: left; font-size: 11px; padding-top: 2px">
(as in passport)
</div>
<div style="float: left; color: Red; padding-left: 1px">
*
</div>
</div>
</td>
<td valign="bottom" style="padding-left: 20px">
<div style="padding-top: 5px">
<div style="float: left">
Last Name
</div>
<div style="float: left; font-size: 10px">
(as in passport)
</div>
<div style="float: left; color: Red">
*
</div>
</div>
</td>
</tr>
<tr>
<td style="padding-left: 20px">
<asp:TextBox ID="txtfname" runat="server" BackColor="#FFFEDF" Width="200px" ></asp:TextBox>
</td>
<td style="padding-left: 20px; padding-top: 0px">
<asp:TextBox ID="txtlname" runat="server" BackColor="#FFFEDF" Width="200px" ></asp:TextBox>
</td>
</tr>
</table>
最佳答案
您可以将“position: relative; bottom: -3px;
”添加到 td 中的 div - 它只会将它们向下移动 3 px。
这是 fiddle :http://jsfiddle.net/BLTRx/
另一种可能性是使小文本独立于单元格内容。文本将始终位于同一位置:http://jsfiddle.net/h5Vzw/
但我建议您将整个样式放在外部样式表中,并避免使用样式标签。
关于html样式文本区域格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20053640/