-2
A
回答
0
正如我理解你的問題,我試圖給你幾個建議如下所示:
對於水平對齊,你可以簡單地給你彈出div在px或%或任何單位的寬度並添加邊距:0px auto ;.如果你正在使用位置:絕對然後給寬度和右:0px;左:0像素;它會對齊你的分區。
對於垂直對齊,您可以使用應該與div高度相同的行高。
或者你也可以使用display:table;父母div和子div添加顯示:table-cell & vertical-align:middle;
希望它能起作用。
0
一般來說,你可以只使用絕對定位,like:
.foo {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: lightblue; //not necessary of course
}
這樣,它會在屏幕的中端(有一些限制;))。
另一種選擇是使用柔性盒,但由於柔性盒的性能,我會降低音量。
如果您需要將其放置在另一個div中,但絕對居中,它將非常相似,但父元素也必須具有絕對定位,以便子元素正確地進行定位。
相關問題
- 1. CSS垂直和水平中心Div
- 2. CSS/jQuery垂直和水平中心DIV
- 3. 垂直中心div
- 4. HTML/CSS中心在一個div一個div垂直
- 5. HTML/CSS如何舒展DIV垂直
- 6. 如何在中心對齊垂直div?
- 7. CSS垂直中心
- 8. CSS中心垂直劃分Div
- 9. CSS中心垂直對齊div
- 10. 垂直中心ul div
- 11. 如何使用html和css垂直創建文本?
- 12. Div水平中心和垂直中間
- 13. 垂直中心一個div
- 14. 如何在html和css中垂直對齊div?
- 15. 如何在CSS中創建此形狀? (垂直對齊div)
- 16. 中心垂直元素HTML
- 17. True Center垂直和水平CSS Div
- 18. 垂直中心::之後div
- 19. CSS中心(垂直行高和頁面水平)Div的
- 20. DIV中的垂直中心文本
- 21. 垂直彈出菜單純CSS
- 22. 中心DIV水平和垂直
- 23. 如何創建垂直線
- 24. 如何父DIV垂直
- 25. CSS中心垂直和水平形式
- 26. 如何設置img標籤垂直中心:HTML + CSS
- 27. 使用html css垂直排列4個div垂直使用html css
- 28. div中的垂直中心元素
- 29. 中心一個div的垂直內容
- 30. 如何垂直居中彈出窗體?
你的代碼在哪裏? –
你的代碼在哪裏?我看到的只是圖像。展示你的嘗試,並詳細解釋。 – Hash