詳解如何垂直居中一個浮動元素

如何垂直居中一個浮動元素

// 方法一：已知元素的高寬

#div1{

    

#    width:200px ;

    height:200px;

    position: absolute;       /*父元素需要相對定位*/

# : %;

    margin-top:-100px ;   /*二分之一的height，width*/

    margin-left: -100px  

   margin-left: -100px  

   

# 

//方法二:未知元素的高寬

 

  #div1{

    width: 200px;

##    width: 200px;

## height: 200px;

    

 

    margin:auto;

#    position: absolute # 

##    position: absolute # o #    left: 0;

##    top: 0;

    right: 0;

#    bottom: 0 

#;

#/*如何垂直居中一個（用更簡單的方法。）*/

#container    /*的容器設定如下*/

{

    display:table-cell;

    text-align:center;

    vertical-align:middle;

#'c鍛煉

以上是詳解如何垂直居中一個浮動元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！