div+css如何让页面居中显示
重点导读:代码很简单,代码里注意 margin: 0 auto; 这句就成,大家可以直接拿去使用。另外大家如果经常需要用到这些代码的话,可以把代码保持下来,需要用的时候拿来即可,这样就能够大大提升工作效率。
发布人:沐风 - 更新时间:2021-10-07 08:32:01 - 地址:http://www.tangmengyun.com/seo/1360.html - 浏览:4365
很多朋友在制作页面的时候,发现页面总是考左显示,无论怎么做都不能让页面居中对齐。事实上通过div+css让页面具体显示是很简答的,下面给大家看下代码:
<style> .main {margin: 0 auto; width: 1200px; background-color:#FFFFFF} .main_q {width: 1200px; height:300px;} </style> <div class="main"> <div class="main_q">这里是内容部分</div> </div>
上面的代码大家可以复制下来,保存文件为html文件,然后看看效果,会发现网页是居中对齐的。
这里大家要注意给页面加个外层的框架,也就是前面代码中的main这个样式,margin: 0 auto; 想要页面居中显示这句是必不可少的。我们可以把后面的代码都包含在 main 这个div里面,也可以把main这个div看成是区域,页面有几个内容区块就复制出几个区域。
这里笔者建议大家不必对这些代码名词做深度的研究,只需要记住它是怎么用的就可以了。笔者甚至有很多的html代码都不知道拼写,但这不影响到笔者制作页面模板,因为dreamweaver里面已经集成了这些css样式,我们只需要调用就行。当然,如果你直接使用记事本来制作页面的话,那么就需要纯手动去敲代码,这也是没有必要的!
以上就是关于div+css如何让页面居中显示的内容,代码很简单,代码里注意 margin: 0 auto; 这句就成,大家可以直接拿去使用。另外大家如果经常需要用到这些代码的话,可以把代码保持下来,需要用的时候拿来即可,这样就能够大大提升工作效率。
div+css如何让页面居中显示所属标签html代码 下的相关文章推荐
- 文章段落用P标签好还是div标签好 - 浏览量:4795
- a标签是什么元素,a标签的target属性怎么用 - 浏览量:533
- 不懂html代码可以学习会SEO吗 - 浏览量:1162
- canonical移动端是写移动url还是pc的url - 浏览量:1481
- 点击查看源网页是什么意思,如何查看网页源代码 - 浏览量:15218
- html文字怎么加粗,html文字加粗代码示例 - 浏览量:38133
- 文章段落用span和p标签对seo有影响吗 - 浏览量:4926
- meta标签有哪些,meta标签作用是什么,meta标签属性 - 浏览量:4968
- TDK是什么,SEO中TDK怎么写 - 浏览量:4791
- 搜索引擎优化常用标签有哪些 - 浏览量:5634
上一篇>> 如何制作zblog模板主题下一篇>> 抓取频次的高低说明网站的什么问题
沐风博客最新文章
- 什么是自媒体矩阵运营,自媒体矩阵引流技巧 - 2024-04-23
- SEO文章原创技巧,原创度多少的才算原创文章 - 2024-04-23
- SEO标题编写的8个技巧,怎么才能让一个标题吸引人 - 2024-04-23
- 净销售额与销售额的区别,净销售额与营业收入的区别 - 2024-04-23
- 百度爱采购排名是随机的吗,搜索关键词会改变排名吗 - 2024-04-23
- 网站怎么优化长尾词流量,提升长尾关键词排名的6个策略 - 2024-04-23
- 百度搜索推出“快速抓取”权益,普通站点的SEO更难了 - 2024-04-23
- 百度对于新站审核期期限多久,如何提升百度对网站的信任度 - 2024-04-23
- 抖音POI有什么作用,抖音POI要钱吗 - 2024-04-22
- 小红书排名搜索优化怎么做,小红书排名靠前的规律 - 2024-04-22