发布网友 发布时间:2022-04-22 00:40
共4个回答
热心网友 时间:2024-04-06 19:05
三个办法实现页面居中(布局居中)
一:在html代码页面的body标签写一个<center></center>的标签,在里面写内容即可实现居中,如:
接下来使用的两个方法的前提是你的html代码链接上css代码!!!不然没效果
二:text-align: center方法在html代码页面给某一个标签取一个名字,然后在css代码给标签设置属性
css:
效果图:
三:margin: 0 auto 0(auto左右的两个零分别代表着宽度和高度)方法和第二种方法差不多,也是在html代码页面给某一个标签取一个名字,然后在css代码给标签设置属性
注:此方法适用于在整个布局居中,和前两个不同的是使用这个方法要设置宽度和高度,不然用不了!
代码:
html及效果图:
希望能帮到你!
热心网友 时间:2024-04-06 19:05
新建一个div容器,把要居中的内容包含,如:
<div id="wrap">这里是要包含的页面内容</div>
把下面的代码加到css文件中:
body{margin:0;}
/*重置body元素,因不同浏览器有不同的默认值,在此使之在不同的浏览器中一样*/
#wrap{margin:0 auto;width:980px;height:auto;}
/*margin:0 auto;解决居中;width:980px;height:auto;是对宽和高进行控制,楼主你可以设为自己实际的值。*/
热心网友 时间:2024-04-06 19:06
在代码视图中选择在<body>中添加居中命令即可,<body align="center">就可以的!
热心网友 时间:2024-04-06 19:07
把内容放在<center></center>内就行了