正常來說點擊可編輯框末尾空白 ,光標默認會閃爍在末尾 , 但是閃到了倒數(shù)第二個了....當時一直以為js
有問題...壓根沒想到是一個top
屬性....
雖然transform: translateY(5px);
補丁可用 , 不過問題關(guān)鍵點還是對齊問題 , 是時候探個究竟了
數(shù)格子可以知道圖片在div[contenteditable=true]
里面和文字的水平線高4px
在CSS深入理解vertical-align和line-height的基友關(guān)系找到了答案~
解決辦法變得更簡單了 , 并且多選不會出現(xiàn)背景斷層
然后配合Disable autocorrect / autocompletion in content editable div