本文介绍了一种使用CSS实现元素绝对居中的方法。通过设置绝对定位及margin属性，可以使一个灰色背景的div在页面上水平垂直居中显示。此方法适用于固定尺寸的元素。
<style type="text/css"> .demo { background: gray; width: 100px; height: 200px; border: solid 5px black; /* border-width: 10px; border-color: black; !!要想有边框出现，必须有边框样式，仅有宽度和颜色是不行的*/ margin: auto; /*水平居中:margin:auto; &&margin:100px auto;两者都是可以的 */ position: absolute; left: 50%; top: 50%; margin-left: -50px; /*值为-width/2 */ margin-top: -100px; /*值为-height/2 */ } </style>
<body> <div class="demo"></div> </body>
扫一扫
1137
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
