本文共 454 字，大约阅读时间需要 1 分钟。

本文有参考

水平居中

子元素定宽margin法

     满足以下三个条件

        1.子元素定宽

        2.子元素为块级元素（行内元素设置为display:block也算）

        3.子元素的margin-left和margin-right都必须为auto

子元素定宽定位法

需要满足三个条件

1.子元素绝对定位，定宽

2.子元素left为50%

3.子元素margin-left:-(元素宽度/2)

子元素不定宽定位法

        水平居中：定位法

        1.子元素不定宽

        2.子元素为绝对定位，并设置left:50%

        3.子元素添加transform: translate(-50%,0);

	
   	
   	
   		
   
		
    不定宽	
   
	

文字水平居中

对于单行文字来说，直接使用text-align: center即可。