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

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

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

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

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

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏企鹅号快讯

手把手教你用vue2.0写个弹窗组件

在开始之前需要了解一下开发vue插件的前置知识,推荐先看一下vue官网的插件介绍(https://cn.vuejs.org/v2/guide/plugins.h...

3288
来自专栏前端之路

VSCode安装与配置

1234
来自专栏IT派

静态站点生成器:makesite.py

通过在Python中编写自己的简单、轻量级、无魔法的静态站点生成器,完全控制静态网站/博客生成。对的!重新发明轮子,伙计们!

1023
来自专栏张善友的专栏

強大的jQuery Chart组件-Highcharts

Highcharts是一个制作图表的纯Javascript类库,主要特性如下: 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等; 对个人用户完全...

2255
来自专栏Django Scrapy

Mac下键盘使用

要使用键盘快捷键,请按住一个或多个修饰键,同时按快捷键的最后一个键。例如,要使用快捷键 Command-C(拷贝),请按住 Command 键并按 C 键,然后...

35713
来自专栏Youngxj

41个Web开发者都收藏的实用代码

1793
来自专栏我和未来有约会

silverlight 《Hands-On-Labs》教程系列

Silverlight Fundamentals: Basic concepts of Silverlight 2 development [开发的基础] T...

1797
来自专栏V站

Note丨记41条Web程序员日常使用的代码!

1898
来自专栏大内老A

扩展ToolBarManager、ListView和Grid控件以实现气球式的ToolTip

infragistics是全球领先的UI工具和用户体验的专家,Infragistics开发了一系列的炫目的Windows、Web、WPF和Silverlight...

1787
来自专栏葡萄城控件技术团队

VS2010 Extension实践(1)

最近VS2010 Extension在Visual Studio Blog(http://blogs.msdn.com/visualstudio/)上提得很频繁...

1909

扫码关注云+社区