首页前端开发CSS对于主体不同宽度的居中方法

对于主体不同宽度的居中方法

时间2024-05-26 13:50:04发布访客分类CSS浏览85
导读:时时遇到头部和底部100%宽度,而网页两头模式是静止宽度的,这个时分就需要增多三个div来实现分别居中。 仇家部和底部加一个div最外层,设置居中和宽度100%, 对两端地区加一个div,设置css结构居中和静止宽度值。 CSS代码:...

时时遇到头部和底部100%宽度,而网页两头模式是静止宽度的,这个时分就需要增多三个div来实现分别居中。

仇家部和底部加一个div最外层,设置居中和宽度100%,

对两端地区加一个div,设置css结构居中和静止宽度值。

CSS代码:


.t-100{
     margin:0 auto;
 width:100%}

.t-center{
     margin:0 auto;
 width:1000px}
    
/* 若是网页两头形式宽度1000px */

另外CSS不再列出,简化你原有的CSS代码。

body内HTML代码:


模式局部 假定1000px宽度

形式一小块 假定1000px宽度

这外头部与底部设置100%宽度,并居中,两头若是有2局部的1000px宽度的形式,划分前后加了宽度1000px,居中的DIV构造。

固然这里头部和底部可以或许毋庸外加div,直接对副本#header与#footer决意器设置装备摆设margin:0 auto,但重要属意不克不及运用float,多么包管居中(哪怕100%宽度也重要设置居中margin:0 auto)。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 对于主体不同宽度的居中方法
本文地址: https://pptw.com/jishu/668508.html
对于html网页宽度固定系统的居中方法 shell发送post请求报错怎么解决

游客 回复需填写必要信息