css如何使页面整体居中

166 阅读 0 评论 110 点赞

我是靠谱客的博主怕孤独胡萝卜，最近开发中收集的这篇文章主要介绍css如何使页面整体居中，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

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

具体实现代码如：

#t-warp{margin:0 auto;width:1000px}
登录后复制

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

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

常用属性值：

以上就是怕孤独胡萝卜为你收集整理的css如何使页面整体居中的全部内容，希望文章能够帮你解决css如何使页面整体居中所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。