Html 如何使标签与Textarea一致。

Html 如何使标签与Textarea一致。,html,css,forms,Html,Css,Forms,我很困惑,为什么文本区域不是消息的一行。信息在底部,应该在顶部。我的代码是这样的 <table> <tr> <td class="contact-firstcol"> <label for="name">Name</label> </td> <td class="contact-sec

我很困惑,为什么文本区域不是消息的一行。信息在底部,应该在顶部。我的代码是这样的

<table>
                    <tr>
                        <td class="contact-firstcol"> <label for="name">Name</label> </td>
                        <td class="contact-secondcol"> : </td>
                        <td class="contact-thirdcol"> <input type="text" name="name" id="name" /> </td>
                    </tr>
                    <tr>
                        <td class="contact-firstcol"> <label for="email">Email</label> </td>
                        <td class="contact-secondcol"> : </td>
                        <td class="contact-thirdcol"> <input type="text" name="email" id="email" /> </td>
                    </tr>
                    <tr>
                        <td class="contact-firstcol"> <label for="phone">Phone</label> </td>
                        <td class="contact-secondcol"> : </td>
                        <td class="contact-thirdcol"> <input type="text" name="phone" id="phone" /> </td>
                    </tr>
                    <tr>
                        <td class="contact-firstcol"> <label for="message">Message</label> </td>
                        <td class="contact-secondcol"> : </td>
                        <td class="contact-thirdcol"> <textarea id="message" name="message"></textarea> </td>
                    </tr>
                    <tr>
                        <td class="contact-firstcol"></td>
                        <td class="contact-secondcol"></td>
                        <td class="contact-thirdcol"> <input type="submit" name="submit" value="SUBMIT" /> </td>
                </table>
到目前为止,我试图用这种方式。而且根本不起作用

margin-top:-20px padding-top:-20px;

看一看。对于这个问题,您能给我们一些建议吗?

表格单元格的垂直对齐默认位于
中间。只需将其更改为
top


默认情况下,表格单元格的
垂直对齐
位于
中间
。只需将其更改为
top


您需要更新css类:

.contact-firstcol {  
    width:100px;
    font-size:17px;
    letter-spacing:2px;
    border:1px solid white;
    vertical-align: top;
}  

我添加了“垂直对齐:顶部;”。

您需要更新css类:

.contact-firstcol {  
    width:100px;
    font-size:17px;
    letter-spacing:2px;
    border:1px solid white;
    vertical-align: top;
}  

<>我添加了“垂直对齐:顶部”。

噢,我的上帝,我不知道中间的表格单元格是默认的。你的代码就这么简单。谢谢,谢谢。现在可以用了。:)不用担心,很高兴它为你修好了:)也很高兴见到你!是的,谢谢!所以对于所有程序员来说,这确实是一个非常好的地方!哦,天哪,我不知道表单元在中间是默认的。你的代码就这么简单。谢谢,谢谢。现在可以用了。:)不用担心,很高兴它为你修好了:)也很高兴见到你!是的,谢谢!所以对于所有程序员来说,这确实是一个非常好的地方!
.contact-firstcol {  
    width:100px;
    font-size:17px;
    letter-spacing:2px;
    border:1px solid white;
    vertical-align: top;
}