实现div内容水平垂直居中

div内容水平居中是很多网站需要的用到的,即保持div包含内容的水平和垂直居中。

text-align属性可以是包含内容水平居中,而设置 line-height 属性,这是行距属性,当设置为div高度时,其所含内容就垂直居中了。

注意:line-height的值需要设置成与div高度相等,才能达到垂直居中效果。




    
    div 内容居中
    


    
居中内容

你可能感兴趣的:(实现div内容水平垂直居中)