如何在textarea中垂直居中文本?

Posted

技术标签:

【中文标题】如何在textarea中垂直居中文本?【英文标题】:How to vertically center text in textarea? 【发布时间】:2012-11-13 05:02:28 【问题描述】:

有没有一种方法可以垂直居中在已知宽度和高度的 textarea 中输入的文本?我有一个固定大小的文本区域,应该在其中键入文本,并且我希望文本在您键入时从中心开始。水平居中可以用 text-align:center 来完成,但我找不到任何水平对齐的方法。

【问题讨论】:

一些代码,你试过什么? 看看这个codepen.io/desandro/pen/gICqd 【参考方案1】:

我认为您不能直接进行垂直对齐。您应该在文本区域上创建另一个 div,并使用它使文本垂直对齐,并将用户的输入输入到 textarea 并使用 JS 将其传输到 div。

并且只让文本区域不可见。

【讨论】:

以上是关于如何在textarea中垂直居中文本?的主要内容,如果未能解决你的问题,请参考以下文章

将 textarea 水平和垂直居中

如何让Word文本框中的文字垂直上下居中

垂直居中,水平居中,垂直+水平居中,圣杯和双飞翼布局

让textArea的placeholder垂直居中,输入文字时不会居中

css如何设置文本在li元素中垂直居中显示

如何在 WKWebView 中垂直居中文本?