把鼠標放上去，鼠標位置并不是像真正的placeholder那樣垂直在文字的中間。但是在div里面輸入文字時有會跳轉，如果不設置line-height(采用默認100%)就沒有問題。p.s: 描述可能不是很清晰，代碼可以直接運行，拜托各位看一下，我的運行環(huán)境是Chrome53<!DOCTYPE html><html><head> <meta charset="utf-8"> <style> [contenteditable]:empty:before { content: attr(placeholder); display: block; // 這樣設置line-height: normal可以解決問題，但是會導致輸入的時候div突然變寬 // line-height: normal; color: #999; } </style></head><body> <div contenteditable="true" placeholder="輸入用戶名" style="width:800px; border: 1px solid red; line-height: 200%; padding:5px;"></div></body></html>我通過設置line-height: normal解決了這個問題，但是在Chrome下又出現(xiàn)了一個新的問題，就是我一旦開始輸入文字的時候，div會突然的變寬，拜托大神提供一個優(yōu)雅的對于div實現(xiàn)placeholder的優(yōu)雅方法。
關于div實現(xiàn)placeholder的一個不完美地方？
達令說
2018-09-05 14:15:28