PTT數位生活區 / Web_Design

[問題] 如何將float div內的元素置中

看板Web_Design作者 (...)時間7年前 (2017/08/13 22:21), 7年前編輯推噓3(3推 0噓 8→)
留言11則, 5人參與, 最新討論串1/1
大家好 想請問有一個css float為left的父元素div，在不知道其高度的情況下 有辦法將裡面的元素(比如說是p或是form)垂直水平置中嗎 有爬過相關文章，但是是在知道父元素高度的情況下 例如這篇 https://stackoverflow.com/questions/12168145/vertically-center-content-of-floating-div 那在不知道高度的情況下，是不是就無法將裡面的元素垂直水平置中了呢@@ 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 106.105.118.93 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1502634100.A.FE0.html
推
08/14 00:13, , 1F
改inlineblock align cnter最快
08/14 00:13, 1F
→
08/14 11:55, , 2F
flex
08/14 11:55, 2F
推
08/14 20:55, , 3F
display: flex
08/14 20:55, 3F
→
08/14 20:55, , 4F
然後看情況設定 align-content / align-item / justify-
08/14 20:55, 4F
→
08/14 20:55, , 5F
content 成 center
08/14 20:55, 5F
→
08/14 20:56, , 6F
^^^^ items 更正
08/14 20:56, 6F
推
08/15 23:52, , 7F
Child {top: 50%; transform: translateY(-50%);}
08/15 23:52, 7F
→
08/20 20:26, , 8F
謝謝樓上大大們的建議
08/20 20:26, 8F
※ 編輯: articulation (106.105.118.25), 08/20/2017 20:54:22
→
08/31 13:41, , 9F
https://jsfiddle.net/Lf1nfqth/ 這邊有解法 謝謝mi
08/31 13:41, 9F
→
08/31 13:42, , 10F
yabichiku大大的幫忙
08/31 13:42, 10F
→
08/31 18:14, , 11F
https://jsfiddle.net/aud6tnLj/ 這邊是flex版本唷~
08/31 18:14, 11F
‣ 更多 articulation 的文章
文章代碼(AID): #1Pa61q_W (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 articulation 的文章
文章代碼(AID): #1Pa61q_W (Web_Design)