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