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

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

完美~
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS Q: HTML引入CSS的方式有哪些? A: HTML element的style属性,HTML内部sty...
    赵长安啊阅读 3,816评论 0 7
  • 我是个爱茶之人,闲来无事也会自调一些花茶,素日里也会去朋友的茶馆坐坐,品品茶叙叙旧安静的生活平添了几分惬意。今日早...
    Jenny荧阅读 1,716评论 0 7
  • 卧躺在小院之中, 清风中轻轻摇曳, 茂叶蝉嘶声更厉, 好似台风必来袭, 荷的裙摆渐远去, 己记不清你的影, 丝丝缕...
    爱上一叶浮萍阅读 3,395评论 2 12