水平居中的三个例子

这里给出三个水平居中的例子：

 

1.img标签的居中：

/*将内联的img改为块状或用一个div来存放img可实现img水平居中*/

display: block;

margin: 0 auto;

 

2.Ul中li的居中

 

/*设置1.将ul的上一级设为水平居中*/

text-align:center;

 

/*设置2.将li设置为inline*/

display:inline;

 

3.div中p标签的居中

 

1.div中的设置

display: inline-block;

 

2.p中的设置

text-align: center;

<!--EndFragment-->