CSS div居中的三种方法
第一种方法margin法,原代码如图所示。
#nei的margin的左右上下的边距。得到居中的效果。
第二种方法。pisition法,通过绝对定位计算出居中的位置,代码如下。
第三方法。span法,设置一个不在页面显示的span,将其与要居中的元素同时设置为inline-box,span的高度自动延伸为父级100%的高度,同时设置两个内联块元素为垂直居中,就能使该元素居中。具体的代码如下
第一种方法margin法,原代码如图所示。
#nei的margin的左右上下的边距。得到居中的效果。
第二种方法。pisition法,通过绝对定位计算出居中的位置,代码如下。
第三方法。span法,设置一个不在页面显示的span,将其与要居中的元素同时设置为inline-box,span的高度自动延伸为父级100%的高度,同时设置两个内联块元素为垂直居中,就能使该元素居中。具体的代码如下
本文地址:https://www.freemoban.com/bjrm/2015/0320/986.html
Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2 辽公网安备:42900402000182号
免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!