美文网首页
一年前的焦点bug终于找到原因了 , 图标文本对齐完美了~

一年前的焦点bug终于找到原因了 , 图标文本对齐完美了~

作者: DeepKolos | 来源:发表于2017-07-26 05:35 被阅读32次
    bug000.gif

    正常来说点击可编辑框末尾空白 ,光标默认会闪烁在末尾 , 但是闪到了倒数第二个了....当时一直以为js有问题...压根没想到是一个top属性....

    虽然transform: translateY(5px);补丁可用 , 不过问题关键点还是对齐问题 , 是时候探个究竟了

    2017-07-26_044505.png

    数格子可以知道图片在div[contenteditable=true]里面和文字的水平线高4px

    CSS深入理解vertical-align和line-height的基友关系找到了答案~

    解决办法变得更简单了 , 并且多选不会出现背景断层

    然后配合Disable autocorrect / autocompletion in content editable div

    完美~

    相关文章

      网友评论

          本文标题:一年前的焦点bug终于找到原因了 , 图标文本对齐完美了~

          本文链接:https://www.haomeiwen.com/subject/cecnkxtx.html