form 中的textarea文字和文本域底部对齐

form 中的textarea文字和文本域底部对齐

form 中的textarea文字和文本域底部对齐_第1张图片

1.浮动;
DIV布的局,你也可以用TABLE的td属性的vlign=top来设置 
<form name="form1" method="post" action=""> 
<div style="width:100px; float:left">对齐:</div> 
<div><textarea name="textarea" rows="10"></textarea></div> 
2.定位
<p class='pr'><em class='pa'>邮箱</em><em></em><textarea style='height:150px;width:540px;'></textarea></p>

#content .form p em{
    display: inline-block;
    width:70px;
    text-align: right;
    margin-right: 20px;
}
注:pr和pa两个类分别表示相对定位和绝定位

你可能感兴趣的:(温故而知新,textare顶部对齐,form表单)