最新下载
热门教程
- 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;} |
|
评论：和方法一类似，可以对比方法一看
相关文章
- 沙丘觉醒怎么饮血快速解渴 饮血解渴方法介绍 07-15
- 最终幻想14水晶世界居格斯怎么打 强腕的居格斯打法分享 07-15
- 沙丘觉醒怎么更改哈克南厄崔迪家族阵营 阵营转换方法 07-15
- 欧易app注册下载 欧易app交易所v6.7.0 07-15
- 剑星乌龙谷物茶饮料罐在哪 乌龙谷物茶饮料罐收集位置一览 07-15
- 幻兽帕鲁熔岩兽出没地点 帕鲁熔岩兽捕捉位置介绍 07-15