固定宽高的DIV如何绝对居中
发布时间:2015-05-12 来源:查字典编辑
摘要:看了一些代码,然后自己试验了一番,分享如下示例:实现点:如果元素的宽高固定,那么,css指定样式为top:50%;left:50%;而mar...
看了一些代码,然后自己试验了一番,分享如下示例:
实现点: 如果元素的宽高固定,那么,css指定样式为top:50%;left:50%; 而margin-top和 margin-left 指定为负数,绝对值为自身宽高的一半
当然,position也需要指定为absolute,或者relative.
如果要在某个父级元素内居中,那么父元素也需要指定CSS的position属性。
如果有边框,那么,margin元素需要做一点微调。
代码如下:
相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
- ■oracle 创建字段自增长实现方式
- ■Windows 64位下装安装Oracle 11g,PLSQL Developer的配置问题,数据库显示空白的完美解决方案(图文教程)
- ■日常收集整理的oracle常用命令大全(收藏)
- ■Win10无线总是掉线怎么回事 Win10无线网络总是掉线的快速解决办法(超管用)
- ■Oracle call 和 exec的详解及区别
- ■Photoshop为草地上的美女图片调制出唯美的秋季色
- ■Win10 Mobile一周年更新将正式运营新版电子钱包2.0和NFC接触式移动支付
- ■Oracle数据库ORA 54013错误的解决办法
- ■Win10 Mobile预览版14361更新后相册图片设置锁屏和背景失效怎么办?
- ■Oracle存储过程和自定义函数详解
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类