css如何让div居中?
导读: 当我们浏览网页的时候,会发现一般网站的主体都是在页面的中间,并且居中显示在浏览器中的正中央,只要我们实现div居中条件和浏览器居中条件保存一致。 假如我们把最外层的div盒子命名成php1,我们只要把body设置成样式为居中,代码...
当我们浏览网页的时候,会发现一般网站的主体都是在页面的中间,并且居中显示在浏览器中的正中央,只要我们实现div居中条件和浏览器居中条件保存一致。
假如我们把最外层的div盒子命名成php1,我们只要把body设置成样式为居中,代码如下:
body{
text-align:center}
这个时候,我们要对php1这个盒子设置成margin:0auto,代码如下:
#php1{
margin:0auto}
为了方便我们观察效果,我们把php1加一个黑色的边框,高度为100px,宽度为300px。
代码如下:
php中文网div居中效果演示本文转载自中文网
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css如何让div居中?
本文地址: https://pptw.com/jishu/664979.html
