HTML DIV 浏览器屏幕居中显示方法(CSS)



    DIV屏中显示方法CSS
    


    


CSS原理说明:

position:absolute; 显示方式要是绝对定位,不能相对

top:50%;left:50%; 显示开始位置是屏幕的中心点

margin-top:-400px;通过将上边距,向上调整负值,让DIV纵向居中。负值的绝对值应当是height的1/2
margin-left:-500px;通过将左边距,向左调整负值,让DIV横向居中。负值的绝对值应当是width的1/2

如果使用的背景图,可以将div的width和height设置为图片的尺寸

你可能感兴趣的:(CSS,HTML,DIV,屏幕,居中,CSS)