rou/front-end-example
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

JS1

Browse Source
This commit is contained in:
rou
2026-03-19 15:17:29 +08:00
parent 81004b437c
commit 3afbee1535
14 changed files with 190 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
02-css-layout/11-centering-lab/starter.html
View File

@@ -6,12 +6,27 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>居中专题</title>
<style>
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
background-color: rgb(255, 248, 238);
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: fixed;
}
.stage {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: white;
border: 1px solid rgba(255, 156, 7, 0.25);
border-radius: 20px;
@@ -34,7 +49,7 @@
<body>
<div class="stage">
<div class="box">把我放到中间</div>
<div class="box">把我放到中间 transform: translate(-50%, -50%); </div>
</div>
</body>