HTML textarea 文本区域 外面说明文字垂直居中对齐的问题

来源:互联网 发布:淘宝新店铺的扶持 编辑:程序博客网 时间:2024/06/01 08:17

问:


请问怎么样才能达到我图片图二所示的效果呢?谢谢

代码如下:<div style="width:700px;">发件地址:<textarea name="From_Address" cols="80" rows="4"></textarea></div>

答:

方案1:把发件地址和textarea分成2个div,2个div高度一样,然后发件地址这个div用line-height控制

<div class="comment_label">
                            <label for="comment">留言内容:</label>
                        </div>
                        <div class="comment_textarea">
                            <textarea id="comment" placeholder="输入文字" name="From_Address" cols="80" rows="4"></textarea>
                        </div>

方案2:用表格:

<form>

    <table style="border:0px;">

        <tr>

            <td valign="middle"></td>

            <td><textarea rows="5"></textarea></td>

           </tr>

    </table>

</form>

0 0
原创粉丝点击