css怎么整体居中
怎样使用CSS让整个网页规划居中呢?规划居中前提是啥呢?
第一我们要对body设定css内容居中样式(css text-align:center),然后规划最外层DIV盒子时候使用 margin:0 auto即可让对象规划居中。
当然我们对盒子对象使用了 margin:0 auto,有的阅读器不合错误body对象加text-align:center样式,规划依然是居中的,这是由于不一样阅读器默许样式不一样造成,假如不合错误body设定text-align:center,这样会造成有的阅读器规划居中,有的靠左,这样规划的兼容就发生了。
说明:margin:0 auto,意思是让对象上下间隔为0,摆布间隔主动,随对象宽度摆布间隔主动,
网页规划居中前提
1、对body设定CSS内容居中样式text-align:center,代码:body{text-align:center}
2、对最外层对象设定margin:0 auto样式,代码:.php{margin:0 auto}
案例:
为了视察到规划居中结果,我们CSS命名对象为".php",设定CSS边框为黑色,css宽度为400px,css高度为100px。
1、css代码如下:
<style>
body{text-align:center}
.php{margin:0 auto;width:400px;height:100px;border:1px solid #000}
/* CSS注释:设定对象边框、宽度、高度 便于视察规划结果 */
</style>
2、HTML代码片段:
<div class="php">对象php规划居中了</div>
以上就是css如何团体居中的具体内容,更多请关注百分百源码网其它相关文章!