html - 如何使用 CSS 将文本区域居中？

Question

请原谅我问这么简单的问题，我对 HTML 和 CSS 都是新手。 有没有一种简单的方法可以使文本区域居中？我想我会尝试使用

textarea{
    margin-left: auto;
    margin-right: auto;
}

但它(显然？)没有用。

Answer 1

边距不会影响文本区域，因为它不是 block 级元素，但如果您愿意，可以让它显示 block :

textarea {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

默认情况下，文本区域是 display: inline，这就是为什么您可以轻松地将它们并排放置的原因，也是 text-align: center 答案起作用的原因也是。

textarea 也可以通过将它放在 flexbox container 中来居中。像这样:

<style>
    div.justified {
        display: flex;
        justify-content: center;
    }
</style>

<div class="justified">
    <textarea>Textarea</textarea>
</div>