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

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

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

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

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

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

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏CRPER折腾记

Vue 折腾记 - (6) 写一个不大靠谱的backToTop组件

返回顶部这个功能用jq实现,好容易实现,一个animate配合scrollTo就搞定了

601
来自专栏守候书阁

用vue开发一个所谓的数独

最近的后台管理系统页面,功能暂时没有新的需求,就在想首页放什么东西,最近我想到的就是放个所谓的数独,为什么是所谓的数独,因为规则不同于标准的数独,只要求每一行每...

863
来自专栏hbbliyong

设置WPF窗体全屏显示:

//全屏代码: private void Window_Loaded(object sender, RoutedEventArgs e) { // 设...

3534
来自专栏liuchengxu

怎么写一个好的 Git commit message

网络上很多关于 commit message 的想法都来源于 tpope,在他看来,一个好的 Git commit messge 应该是这样的:

622
来自专栏跟着阿笨一起玩NET

DataGridView使用小结

542
来自专栏雨过天晴

控制台输出颜色控制(Console

前端时间,写了一篇 PHP 在 Console 模式下的进度显示 ,正好最近的一个数据合并项目需要用到控制台颜色输出,所以就把相关的信息整理下,写到OSC的博客...

2381
来自专栏菩提树下的杨过

Silverlight:ScorllViewer随Tab键自动跟随子控件的Focus滚动

当ScrollViewer里包含很多子控件时,默认情况下只能用鼠标手动拖动(或滚轮)滚动条以实现内容的滚动,假如用户是键盘高手,习惯于用Tab键来切换子控件焦点...

1926
来自专栏韩伟的专栏

Unity2D手册翻译(四)

Sprite Packer 在设计sprite图形时,每个角色一个单独的纹理文件比较方便。然而,通常认为,sprite纹理中图形元素间的空白空间,会浪费运行时显...

2665
来自专栏跟着阿笨一起玩NET

WinForm中DataGridView验证单元格输入的是数字

     事件:DataGridView验证单元格输入的是数字,DataGridView源数据是从数据库读取的。

541
来自专栏一直在跳坑然后爬坑

里程表式跑马灯自定义控件

https://github.com/nelson1110/MarqueeView

652

扫码关注云+社区