圖片的居中顯示問題
為什么要先top 50%，然后-1*pictures[i].clientHeight/2)+'px'就算居中了呢？
不是可以用transform的translate()來進(jìn)行設(shè)置嘛？
桂花糕
2015-06-16
2 回答
舉報(bào)
0/150
提交
取消
2015-06-18
top 50%,先使圖片的上邊據(jù)處于父元素(容器)的中線位置,在通過js計(jì)算自身高度的一半,設(shè)置給margin-top.將圖片向上提升自己高度的一半.即自身中線與父元素中線對(duì)齊.translate()不知道要傳入多少值.再者translate變換后有點(diǎn)position:relative的味道,會(huì)使原先占用的布局(位置)保持不變,會(huì)對(duì)下面元素排版,照成一定的美觀影響.而margin設(shè)置后,下面的文本等內(nèi)容會(huì)隨之而變.
2015-11-29
啊，感謝說明，看視頻沒轉(zhuǎn)過彎來，看了你說明就懂了！