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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML textarea 文本区域 外面说明文字垂直居中对齐的问题相关的知识,希望对你有一定的参考价值。

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

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

<div style="width:700px;line-height:60px;">
    <label style="float:left">发件地址:</label>
    <textarea name="From_Address"></textarea>
</div>

textarea的高度最好跟 父级div的高度一致,即 <textareaname="From_Address" style="height:60px;"></textarea>


另外,写成内联样式以后维护起来可能比较麻烦,不推荐。最好使用外部样式表

参考技术A

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

或者用表格

追问

十分感谢您关注我的问题,那有没有不分成两个办法呢?有没有用CSS控制的方法呢?

本回答被提问者采纳

以上是关于HTML textarea 文本区域 外面说明文字垂直居中对齐的问题的主要内容,如果未能解决你的问题,请参考以下文章

如何让用户将 html 输入到 textarea 中?如果他们尝试将 <textarea> 包含在文本区域中,我会遇到问题

将 HTML5 文本区域内容保存到文件

Firefox缓存文本区域值?

如何在文本区域中显示文本的结尾

更改文本区域 jquery 内的 html 标记之间的文本

将文本区域的文本保存在数据库中