使用css转换更改div宽度

Question

那里。我想把我的div向左右两个方向扩大。但是我的div只向右移动。我怎么能解决这个问题？这是我的代码。请提前寻求帮助。

div {
width: 100px;
height: 100px;
background: red;  
transition: width 2s;
transition-timing-function:linear;
}
div:hover { width: 300px; }



<div></div>

Answer 1

试试这个：

div {
  width: 100px;
  height: 100px;
  background: red;
  margin-left: auto;
  margin-right: auto;
  transition: width 2s;
  transition-timing-function: linear;
}
div:hover {
  width: 300px;
}

<div></div>