关于contenteditable的问题

时雨行
  • 30

我想实现一个按回车键就出现一个换行符的效果image.png
本来想的是伪类元素,但是因为有些问题,于是我换成了for循环找到所有的<br>,然后将其换成换行符的图片image.png,因为使用的是svg所以设置的是embed标签
但是现在的问题是,在线上环境测试时,如果敲回车后每一行的高度是20px,但是回车符本身只有10px,那么整个行高就会自适应为10px从而导致出错,但是我在线下环境测试的时候行高并不会出现这个问题,行高依旧是20px。
而且因为我有增大减小字体的功能,如果将换行符的高度固定,那么在增大缩小字体的时候行高也会有问题,请问这个该如何解决呢

回复
阅读 190
1 个回答

在 css 最高优先级的地方引用一个字体,该字体只有一个回车,展示为回车icon
这样命中了回车的,都会显示这个 icon,其他的没有命中,fallback 到其他 font-family 上

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏