css div垂直水平居中实现_html/css_WEB-ITnose
程序员文章站
2022-04-08 11:30:40
...
比如设置html中下面的div为垂直水平居中,则
div id="box">div>
css样式
#box{ width: 300px; height: 200px; margin-left: -150px;//宽度的一半,很重要,不然不居中,会偏右 margin-top: -100px;//高度的一半 position: absolute;//绝对定位方式 top: 50%; left: 50%; background-color: aqua;//背景颜色,便于测试查看效果}
上一篇: CSS3的图层阴影和文字阴影的使用
下一篇: 如何用css3实现多个元素依次显示