css使页面整体居中的方法是，给整个网页主体添加一个div盒子，并且对这个盒子设置【margin:0 auto】属性即可，例如【#t-warp{margin:0 auto;width:1000px}】。

本文操作环境：windows10系统、css 3、thinkpad t480电脑。

我们要让整个页面居中的话，可以给整个网页主体（网页最外层 即<body>后加<div>,</body>前加一个完毕</div>）添加一个div盒子，然后对这个盒子设置margin:0 auto;属性与css宽度即可。

具体实现代码如：

#t-warp{margin:0 auto;width:1000px}

可能很多初学者并不了解margin属性，下面我们来简单介绍下。

margin简写属性在一个声明中设置所有外边距属性。

常用属性值：

  • auto 浏览器计算外边距。

  • length 规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。

  • % 规定基于父元素的宽度的百分比的外边距。

  • inherit 规定应该从父元素继承外边距。

相关视频分享：css视频教程

以上就是css如何使页面整体居中的详细内容，更多请关注php中文网其它相关文章！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。