最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css实现网页内容整体居中的三种方法总结
时间:2022-06-25 09:34:25 编辑:袖梨 来源:一聚教程网
例
代码如下 | 复制代码 |
无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档 |
测试文件index.html的代码其中外部的style.css文件地址请自己更换
代码如下 | 复制代码 |
|
方法一(style.css):
代码如下 | 复制代码 |
*{margin:0;padding:0;} /*顶部对齐*/ |
评论:此方法是先定好内容的宽度,然后向左距离整个浏览器的50%,再向左拉回内容宽度的一半
方法二(style1.css):
代码如下 | 复制代码 |
*{margin:0;padding:0;} |
评论:此方法是先定好内容的宽度,然后body里面内容居中,然后容器里面内容靠左,注意 margin:0 auto;是为了兼容其他浏览器
方法三(style2.css):
代码如下 | 复制代码 |
*{margin:0;padding:0;} |
评论:和方法一类似,可以对比方法一看
相关文章
- 崩坏星穹铁道折冲妙算唱片在哪折冲妙算唱片位置指引 05-01
- 欢乐钓鱼大师鱼骨头怎么获取 欢乐钓鱼大师鱼骨头获取技巧介绍 05-01
- 欢乐钓鱼大师刀疤鱼怎么钓 欢乐钓鱼大师刀疤鱼获取技巧介绍 05-01
- 山寨币钱包下载最新版 05-01
- 山寨币钱包官网下载最新版 05-01
- 山寨币最新免费版 05-01