css div如何居中显示

2025-10-26
网站建设限时活动促销

本教程操作环境:windows7系统、css3版,DELL G3电脑。

css p居中显示的方法:

1、absolute 绝对定位 这是我们最常用的一种居中定位写法 要求必须确定p的宽高度 目前市面上的浏览器基本上都支持这种写法

   absolute居中定位    

我是absolute居中定位

2、translate定位 这是css3 transform的属性 通过自身的偏移来定位 而且他有个极大的好处 不需要知道p的宽高度 就像js里的this self一样 可以将宽高度设为百分比 IE browser

立即学习“前端免费学习笔记(深入)”;

    translate居中定位    

我是translate居中定位

3、margin居中定位 不需要确定p的宽高度 让top,bottom,left,right都为0 再加个margin:auto 神来之笔 IE browser< IE 8不支持

    margin居中定位    

我是margin居中定位

4、fixed的居中定位 这个用的最多的可能就是导航条这块儿 让导航条居中显示不随页面滚动

    fixed居中定位    

我是fixed居中定位

标签: css div居中

本文地址:https://www.lifejia.cn/news/205903.html

免责声明:本站内容仅用于学习参考,信息和图片素材来源于互联网,如内容侵权与违规,请联系我们进行删除,我们将在三个工作日内处理。联系邮箱:cloudinto#qq.com(把#换成@)