1、首先打开hbuilder软件,新建一个html文件,写入一个p标签,里面写入一句话:
2、然后在上方定义style标签,修改body标签的样式,这里用width属性设置body的宽度为600像素,高度设为1000,居中使用margin属性,最后为了观察效果最后在设置一个宽度为10像素的边框并给边框一个颜色:
3、最后按下Crtl+S保存,在浏览器中就可以看到自定义宽度并居中的body标签了:
先给网页整体加一个盒子,也就是
框起来,然后给这个盒子宽度width赋值一个质,然后再写一个margin:0 auto ,这个网页就在浏览器居中了,不论是多么大的浏览器,都是居中显示的网页。例如:
不能控制body的宽度,控制网页的宽度应该控制它最外层容器的宽度,比如最外层的容器是
,然后我们控制这个div的宽度为#warp{width:800px;margin:auto;},然后给body{text-align:center;}就能实现居中了;body{width:800px;text-align:center;margin:auto;}
问题补充:我想让网页居中,但是网页中的内容还是正常的,不需要居中。
内容还是居左开始。
那你就把text-align:center;删除好了.
一般css都是这样写的:
body{text-align:center;margin:0; padding:0}
#warp{width:800px;margin:auto;text-align:left}
需要给整个网页加个