.edit-content-wrap{width:100%;边框:1px实心#dddddd;.edit-content{大纲:无;最小高度:124px;宽度:100%;文本对齐:对齐;填充:7px10px;word-wrap:break-word;分词:break-all;溢出-y:自动;&:empty::before{内容:属性(占位符);颜色:灰色;}}.edit-footer{高度:36px;背景:#f7f9fa;border-top:1pxsolid#dddddd;显示:弹性;证明内容:空格之间;对齐项目:居中;填充:020px;.edit-footer-part-3{.follow-small-height{宽度:120px;}}}}背景:第一次使用contenteditable写一个可以输入的div模块,当需求需要输入限制字数,光标正常,需要模拟输入,直接上demo.用vue写的(frame不重要),demo中用的是vant的toast。,css注意是sass懂vue的可以直接搭建一个demo工程,然后复制下面的代码运行看看效果。搭建demo可以参考我之前的文章https://segmentfault.com/a/11...{{comm_info}}{{currentLength}}/10.edit-content-wrap{width:100%;边框:1px实心#dddddd;.edit-content{大纲:无;最小高度:124px;宽度:100%;文本对齐:对齐;填充:7px10px;word-wrap:break-word;分词:break-all;溢出-y:自动;&:empty::before{内容:属性(占位符);颜色:灰色;}}.edit-footer{高度:36px;背景:#f7f9fa;border-top:1pxsolid#dddddd;显示:弹性;证明内容:空格之间;对齐项目:居中;填充:020px;.edit-footer-part-3{.follow-small-height{宽度:120px;}}}}