Html样式文本区域格式

时间:2013-11-18 17:11:02

标签: html asp.net css

Hai我希望文本应该位于单元格的底部,但它显示在中间。请帮我解决这个问题。我在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>

1 个答案:

答案 0 :(得分:0)

您可以将“position: relative; bottom: -3px;”添加到td中的div - 它只会将它们移动3 px。 这是小提琴:http://jsfiddle.net/BLTRx/

另一种可能性是使小文本独立于细胞内容。该文本将始终保持在同一位置:http://jsfiddle.net/h5Vzw/

但我建议你将整个样式放在外部样式表中,以避免使用样式标签。