如何垂直居中一個(gè)浮動(dòng)元素

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

#div1{

????

????width:200px;

????height:200px;

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

????top: 50%;

????left: 50%;

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

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

????}

?

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

?

??#div1{

????width: 200px;

????height: 200px;

????

?

????margin:auto;

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

????left: 0;

????top: 0;

????right: 0;

????bottom: 0;

????}

?

/*如何垂直居中一個(gè)<img>（用更簡(jiǎn)便的方法。）*/

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

{

????display:table-cell;

????text-align:center;

????vertical-align:middle;

}

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

總結(jié)

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

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