如何居中HTML中的任何元素

Question

我想将textarea元素居中，但margin: 0 auto无法正常工作。

我也尝试包装div具有margin: 0 auto样式的元素。

<div style="margin: 0 auto;">
    <textarea rows="4" cols"100"></textare>
</div>

Answer 1

您可以结束display: flex并justify-content: center;

<div style="display:flex; justify-content:center;">
    <textarea rows="4" cols"100"></textare>
</div>