image.png
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--
https://blog.csdn.net/logan_LG/article/details/80269948
用div模拟文本域实现高度自动撑开以及相关问题的解决方法
-->
<!--
http://caibaojian.com/textarea-autoheight.html
textarea高度自适应自动增高撑开
-->
<!-- https://www.cnblogs.com/smartXiang/p/6680610.html
user-modify属性，让html标签可以编辑
-->
<!-- https://www.zhangxinxu.com/wordpress/2016/01/contenteditable-plaintext-only/
小tip: 如何让contenteditable元素只能输入纯文本
-->
<ul>
<li></li>
<li></li>
<li></li>
<li>
<div class="mb">
<div class="sc">user-modifyuser-modifyuser-modifyuser-modify</div>
</div>
</li>
</ul>
<style>
ul{
display: flex;
}
li{
width: 200px;
min-height: 60px;
}
.mb{
min-height: 50px;
width: 260px;
}
.sc{
width: 260px;
word-wrap: break-word;
user-modify:read-write-plaintext-only;
-webkit-user-modify:read-write-plaintext-only;
}
</style>
</body>
</html>
网友评论