手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS div居中的三种方法
CSS div居中的三种方法
摘要:第一种方法margin法,原代码如图所示。#nei的margin的左右上下的边距。得到居中的效果。第二种方法。pisition法,通过绝对定...

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

CSS div居中的三种方法1

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

CSS div居中的三种方法2

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

CSS div居中的三种方法3

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

CSS div居中的三种方法4

【CSS div居中的三种方法】相关文章:

Hack 只针对IE的写法

学习CSS的伪类

css的三种定位方式使用探讨

使用CSS3在触屏上为按钮实现激活效果

DIV+CSS页面布局中BUG解决方法

CSS网页布局时常犯的几种小错误

用CSS实现文字的阴影效果

CSS实现同一行的图片和文字垂直居中对齐的方法

CSS出现overflow的一些问题

左中右3栏最先显示中栏内容的方法

精品推荐
分类导航