1.块元素文字居中
文字居中 text-align:center
line-height=块的高度
块居中margin:0. auto
只能在子元素比父元素小,在父元素中居中
只能水平居中
2.万能居中方法:
首先移动子元素宽度(高度)的一半left:50%
再移动父元素宽度(高度)的一半margin-left:-宽/2
局限性必须要知道子元素的宽(高)
垂直不能使用相对定位,相对定位不脱离文档流
margin-top 子元素会传递给父元素
3.绝对居中:
子元素必须比父元素小(子元素宽高必须知道)
position:fixed
margin:auto
left,top,right,bottom:0
文字居中 text-align:center
line-height=块的高度
块居中margin:0. auto
只能在子元素比父元素小,在父元素中居中
只能水平居中
2.万能居中方法:
首先移动子元素宽度(高度)的一半left:50%
再移动父元素宽度(高度)的一半margin-left:-宽/2
局限性必须要知道子元素的宽(高)
垂直不能使用相对定位,相对定位不脱离文档流
margin-top 子元素会传递给父元素
3.绝对居中:
子元素必须比父元素小(子元素宽高必须知道)
position:fixed
margin:auto
left,top,right,bottom:0