我可以使用“ transform-origin”和“ margin”来使某些内容居中对齐吗？

Question

我想使用“ center-align”和“ margin-left：0％”以另一种方式使div居中，为什么它不起作用？

我为什么不能这样做？

此：https://i.imgur.com/D4MGuKK.png

对此：https://i.imgur.com/M2QWCNz.png

我尝试过的事情：

div{
    width: 50px;
    height: 50px;
    background-color: #000;

    transform-origin: center;
    margin-left: 50%;
}

为什么不起作用？