如何創建DIV彈出垂直和horizental CSS HTML的中心

Question

我想創建horizental和垂直格。

DIV彈出的中心外像上面圖片

，並顯示箭頭指向文本的出側沒有引導

Answer 1

正如我理解你的問題，我試圖給你幾個建議如下所示：

對於水平對齊，你可以簡單地給你彈出div在px或％或任何單位的寬度並添加邊距：0px auto ;.如果你正在使用位置：絕對然後給寬度和右：0px;左：0像素;它會對齊你的分區。

對於垂直對齊，您可以使用應該與div高度相同的行高。

或者你也可以使用display：table;父母div和子div添加顯示：table-cell & vertical-align：middle;

希望它能起作用。

Answer 2

一般來說，你可以只使用絕對定位，like：

.foo {  
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 100px; 
    height: 100px; 
    margin: -50px 0 0 -50px; 
    background: lightblue; //not necessary of course 
} 

這樣，它會在屏幕的中端（有一些限制;））。

另一種選擇是使用柔性盒，但由於柔性盒的性能，我會降低音量。

如果您需要將其放置在另一個div中，但絕對居中，它將非常相似，但父元素也必須具有絕對定位，以便子元素正確地進行定位。