首页 > 华企学院 > 源码教程 > CSS div居中的三种方法

CSS div居中的三种方法

作者:华企商城小编  浏览量:200   发布时间:2016-08-01 10:37:56

CSS div居中的三种方法

第一种方法margin法,原代码如图所示。

CSS div居中的三种方法 三联

  #nei的margin的左右上下的边距。得到居中的效果。

  第二种方法。pisition法,通过绝对定位计算出居中的位置,代码如下。

  第三方法。span法,设置一个不在页面显示的span,将其与要居中的元素同时设置为inline-box,span的高度自动延伸为父级100%的高度,同时设置两个内联块元素为垂直居中,就能使该元素居中。具体的代码如下

华企商城更多商品介绍:有客云智能客服系统     自媒体广告投放    网络推广需要多少钱

文章转载请注明出处:http://www.netshop168.com/article-7309.html


精品推荐
下一篇:CSS 多边框 实现教程
上一篇:CSS DIV标记-DIV标签的用法教程
相关文章

华人企业网
关注微信公众号
享受更多优惠

 

消费者最喜爱的网站TOP100 | | 网络社会征信网 | 北京工商 | 法律顾问 | 京ICP备07504386号-6 | 网站地图