html中div标签默认是占一整行的，如果需要设置指定大小并且还要居中，最简单的方式是设置margin值（这里是水平居中）
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
.test{
width:300px;
height:300px;
margin:0 auto;
background:rgba(100,100,100, 0.8)
}
</style>
</head>
<body>
<div class="test"></div>
</body>
</html>