美文网首页
一年前的焦点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终于找到原因了 , 图标文本对齐完美了~

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

  • 终于找到bug的原因了。

    bug重现 A 界面有一个菜单选择界面,选中的是菜单二,数据是数组里面有一个model.然后需要把传递到B界面 ,...

  • 终于找到原因了

    今天在简书看了许多文章,忽然发现了我自身存在的许多问题。 一是惰性。我的导致于无论是看书、写作或者其他事情,都是断...

  • 终于找到原因了

    有文化真好,可以自己分析事件也能找到解决方法。 最近三天每天早晨都在梦中腻歪醒来,什么叫“腻歪”呢?大概是地域词汇...

  • 关于UILabel的一个文本换行问题

    今天晚上做了个关于富文本的小练习,期中遇到了一个小bug,但是就是这个bug让我费了好久才找到原因。下面结合代码来...

  • 终于找到脱发的原因了……

    琢磨专业术语是一件“烧脑”的事情,一直觉得英语是一个有点尴尬的学科,因为好多时候还要跟中文串联起来讲。 例如你要跟...

  • 终于找到跌的原因了

    今天星期二 二月初六,三八妇女。太阴了,难怪要跌。 因为要取钱给心爱的女人买东东嘛。 买吧,赚钱不就是为了花嘛。 ...

  • Flutter-3-Text Widget(常用方法)

    TextAlign:center: 文本以居中形式对齐,这个也算比较常用的了。left:左对齐,经常使用,让文本居...

  • 文本

    文本 text text-align: 文本对齐方式left 左对齐center ...

  • Bootstrap - 排版2

    文本对齐风格 在排版中离不开文本的对齐方式。在CSS中常常使用text-align来实现文本的对齐风格的设置。其中...

网友评论

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

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