现在很多网站比如知乎的评论功能都是用div而不是textarea。但如果我按照下面这样做的话，会存在鼠标不会像真正的placeholder那样和文字对齐的情况。请问知乎是怎么实现的，怎样避免出现我这种情况？Stackoverflow上面一个类似的问题，line-height:normal也解决不了问题<!DOCTYPE html><html><head> <meta charset="utf-8"> <style> div { width:600px; border: 1px solid red; // line-height: normal; line-height: 200%; padding-left: 5px; } div:empty:before { content: attr(placeholder); display: block; color: #999; } </style></head><body> <div contenteditable="true" placeholder="输入用户名"></div></body></html>
1 回答
ABOUTYOU
TA贡献1812条经验 获得超5个赞
看了下stackoverflow的答案,line-height: normal;确实可以解决此问题。去掉line-height:200%。
如果你想挤开边距，使用padding或者规定一个较大的高度
添加回答
举报
0/150
提交
取消