为什么我的 <textarea> 当它的父母以'margin：0 auto'为中心时没有居中？

Question

由于某种原因，我的 textarea DIV 没有继承

margin: 0 auto

来自其父级：

*
{
    padding: 0;
    margin: 0 auto;
}

这是我的CSS & HTML for this example的链接

我怎样才能使 textarea DIV 真正居中？

Answer 1

将display:block; 添加到 textarea 样式。之后 textarea 将被视为块元素并居中显示。

textarea
{
    display:block;
        resize: none;
    overflow: hidden;
    width: 460px;
    padding: 3px;   
}

Answer 2

默认情况下，边距不被继承。您需要为有问题的文本区域明确指定margin: 0 auto;。否则，包含元素将居中，但 textarea 将按照常规流程在容器内布局（即margin: 0;）。