为什么我的<textarea>在父母以'margin：0 auto'为中心时不居中？</textarea>

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。否则，包含元素将居中，但textarea将根据常规流程布置在容器内（即margin: 0;）。