CSS內容可編輯跨度：醜陋邊界

Question

我必須使某些文本可編輯才能形成電子郵件。爲了指出文字可能會改變的地方，我想給可編輯段落添加邊框。 可悲的是，它看起來有很醜陋：

outline: 1px solid #c9c9c9; 

如果編輯跨度包含一個換行符（border看起來更糟！）。

查看小提琴：http://jsfiddle.net/Q5qdA/1/僅供參考。嘗試添加一個雙行換行符和一些文本。特別是換行符會導致非常醜陋的垂直邊界。

另一個問題是（只在firefox上測試過），如果你在最後添加一個換行符，你不能刪除它（它會創建一個新的中斷符type="_moz"，它不會被刪除...）

有什麼辦法可以解決這個問題嗎？

PS：我的jQuery/jQuery的UI在手，但不希望使用插件...

Answer 1

它很難得到你的問題，因爲它不容易看到，你的願望。

但也許它能夠更好地得到一個大綱一個跨度：

這裏是我的小提琴

http://jsfiddle.net/Q5qdA/7/

p { 
width:210px 
} 

（例如） 你能解決這個問題的寬度。