- 智能AI问答！更聪明、更完整、原创作！
- 一款基于GPT的超级AI机器人，可以回答问题、聊天、创作、写文案！
textarea 内容上下居中
发布于 2023-06-15 18:48:21
要让 <textarea> 中的内容上下居中，可以通过设置 CSS 属性来实现。具体来说，可以设置行高（line-height）和垂直对齐方式（vertical-align）来实现这个目标。下面是示例 CSS 代码：
textarea {
line-height: 1.5; /* 例如：每行 1.5 倍的字体大小 */
vertical-align: middle;
}将上面的代码应用到你的网页中，就可以让 <textarea> 内容在垂直方向上居中。
请注意，为了让内容垂直居中，除了需要设置行高和垂直对齐属性，还需要保证 <textarea> 的高度足够大，以适应所有内容。如果 <textarea> 的高度比其内部内容所需的高度小，那么内容将会超出 <textarea> 的下边界，从而导致垂直居中失效。
因此，你可能需要设置 <textarea> 的 height 属性来确保它足够大。另外，还可以设置 resize: none; 来禁用户调整 <textarea> 的大小，防止因用户操作导致的垂直居中失效。
0 条评论
关于作者
