2018年3月27日

(CSS) - 在Safari中inline-block div 向下推擠問題

這個效果呈現在Chrome IE Firefox顯示都正常 ,唯獨Safari會有向下推擠的狀況。這個前端效果是當滑鼠移過該區塊時,透過jQuery顯示一個隱藏的div,顯示時該div應該要在原地顯示,但實際狀況卻是會往下推擠一小塊。如圖顯示




解決方式:

在最外包覆的div中加上vertical-align:top來解決這個問題



Reference
Why is this inline-block element pushed downward?
CSS inline-block issue - element being pushed down [duplicate]

沒有留言:

張貼留言

<Javascript> How to uncompressed GZIP at front-end using Javascript

It's been a while I haven't share my coding work. In this article I would like to share how to receive a Gzip file via stream, unzip...