Question

我有一个具有转换原点的div（.content）：左上方，我需要将其居中。问题是，我只能修改其包装器（.wrap）的CSS，而不能修改实际div的CSS。我当然尝试过margin：0 auto，但这不起作用。位置也不是绝对的（将左和右设置为0），尽管如果我可以避免使用绝对的话，甚至更好。

有什么办法可以使该div居中吗？

这是我的HTML和CSS的概述：

/* The part of CSS that I can't modify */

.content {
  height: 350px;
  width: 350px;
  background-color: darkblue;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  transform-origin: top left;
}


/* The part of CSS that I can modify */

.wrap {
  margin: 0 auto;
}

<div class="wrap">
  <div class="content"></div>
</div>

谢谢！

如何居中具有左上和左变换源的div？

0 个答案: