当前位置： 文江博客话题详情

html中，textarea中内容如何垂直居中

发布于 2022-09-05 09:03:13 字数 33 浏览 44 评论 0

html中，textarea中内容如何垂直居中显示？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（5）

捶死心动 2022-09-12 09:03:13

说明一下，上一个答主回答的“text-align: center”是文本水平居中！
不是垂直居中！！！
你可以设置：“height 和 line-height”(两个值一样)；
还有一种方法：

display: table-cell; vertical-align: middle
回复
‖放下 2022-09-12 09:03:13
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        textarea{
            text-align:center;
        }
    </style>
</head>
<body>
<textarea rows="10" cols="48"></textarea>
</body>
</html>

不知道你学了CSS没
刚学完HTML和CSS,这两个最好一起学
忽略这个答案，好像错了

回复
温柔少女心 2022-09-12 09:03:13

“text-align: center”是文本水平居中，可以用div包裹textarea标签，设置div的class，如果需要垂直居中的话可以设置容器高度和行高值相同，也就是height 和 line-height值相同

回复
你曾走过我的故事 2022-09-12 09:03:13

你这个问题好像不太明确，究竟是一行居中，还是多行居中？
已解决，你看看是不是这样
满意请五星好评+返现0.00元
链接描述

回复
〃安静 2022-09-12 09:03:13
textarea {
    display: flex;
    justify-content: center;
    align-items: center;
}

各大浏览器前缀自行添加

回复
~没有更多了~

关于作者

清晨说晚安

我之所以活到现在的全部意义，是为了此刻能对你说，我爱你，我会在你身后永远守护你。

0 文章
0 评论
21957 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

不再见

文章 0 评论 0

真是无聊啊

文章 0 评论 0

樱娆

文章 0 评论 0

浅语花开

文章 0 评论 0

烛光

文章 0 评论 0

绻影浮沉

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文