css设置div高度，但div的高度无法自适应内容

Posted 2023-04-24

首先确保这个div是不是是block。默认情况下，div是block。可能在设置某些css样式的时候更改了也不一定。可以如果设置了高度，他的高度就会固定下来。可以这样改。不设置他的高度，设置它的overflow：hidden属性就可以自适应内容了、 参考技术A

首先确保这个div是不是是block。默认情况下，div是block。可能在设置某些css样式的时候更改了也不一定。

可以如果设置了高度，他的高度就会固定下来。可以这样改。不设置他的高度，设置它的overflow：hidden属性就可以自适应内容了、

vue中的可编辑div实现高度自适应

参考技术A 根据需求想要一个可以根据文字内容撑开高度，同时延伸背景图（因为我想要一个虚线的效果），textarea无法自适应，用div的可编辑效果contenteditable = true来实现，遇到了几个问题。

1、设置div的初始化高度min-height: 700px;

2、div的内容需要通过@input来绑定e.target.textContent

3、可编辑的div，光标会在输入完成时跳到最前，解决方式是通过range对象的moveStart()函数