编写css让一个已知宽高的div元素水平居中?垂直居中
生活随笔
收集整理的這篇文章主要介紹了
编写css让一个已知宽高的div元素水平居中?垂直居中
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
讓一個(gè)已知寬高的div元素水平居中
<style>
#div1{
width:200px;
height:200px;
background:#F00;
margin:0 auto;
}
</style>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
讓一個(gè)已知寬高的div元素垂直居中
<style>
#div1{
width:300px;
height:200px;
background:#F00;
position:absolute;
top:50%;
margin-top:-100px;
}
</style>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
轉(zhuǎn)載于:https://www.cnblogs.com/qinxuemei/p/3980241.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的编写css让一个已知宽高的div元素水平居中?垂直居中的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 手机成功运行win11 安卓手机运行wi
- 下一篇: 给定一个用户,获取其密码警告期限;而后判