css怎么整体居中
导读： 首先我们要对body设置css内容居中样式（csstext-align:center），然后布局最外层DIV盒子时候使用margin:0auto即可让对象布局居中。 当然我们对盒子对象使用了margin:0auto，有的浏览器不对...
首先我们要对body设置css内容居中样式（csstext-align:center），然后布局最外层DIV盒子时候使用margin:0auto即可让对象布局居中。
当然我们对盒子对象使用了margin:0auto，有的浏览器不对body对象加text-align:center样式，布局仍然是居中的，这是因为不同浏览器默认样式不同造成，如果不对body设置text-align:center，这样会造成有的浏览器布局居中，有的靠左，这样布局的兼容就产生了。
解释：margin:0auto，意思是让对象上下间隔为0，左右间隔自动，随对象宽度左右间隔自动，
网页布局居中条件
1、对body设置CSS内容居中样式text-align:center，代码：body{
text-align:center}
2、对最外层对象设置margin:0auto样式，代码：.php{
margin:0auto}
案例：
为了观察到布局居中效果，我们CSS命名对象为".php",设置CSS边框为黑色，css宽度为400px，css高度为100px。
1、css代码如下：
body{
text-align:center}
.php{
margin:0auto;
width:400px;
height:100px;
border:1pxsolid#000}
/*CSS注释：设置对象边框、宽度、高度便于观察布局效果*/
2、HTML代码片段：
对象php布局居中了本文转载自中文网
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： css怎么整体居中
本文地址： https://pptw.com/jishu/664818.html