CSS实现div元素水平垂直居中布局
最编程
2024-08-08 19:57:32
...
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>