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

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

#div1{

????

????width:200px;

????height:200px;

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

????top: 50%;

????left: 50%;

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

????margin-left: -100px;

????}

?

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

?

??#div1{

????width: 200px;

????height: 200px;

????

?

????margin:auto;

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

????left: 0;

????top: 0;

????right: 0;

????bottom: 0;

????}

?

/*如何垂直居中一個<img>（用更簡便的方法。）*/

#container???? /*<img>的容器設(shè)置如下*/

{

????display:table-cell;

????text-align:center;

????vertical-align:middle;

}

轉(zhuǎn)載于:https://www.cnblogs.com/leibo520/p/7073820.html

總結(jié)

以上是生活随笔為你收集整理的如何垂直居中一个浮动元素的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。