问题
产品需求:为指定div新增类似textarea的可伸缩且可编辑功能。
- 原div (如下图所示):
解决
- 新增可伸缩且可编辑功能后 (如下图所示):
- 具体代码如下:
<!DOCTYPE html>
<html>
<head>
<title>div实现textarea效果</title>
<style>
#textarea {
height: 200px;
width: 300px;
padding: 4px;
border: 1px solid #888;
resize: vertical;
overflow: auto;
}
</style>
</head>
<body>
<div id="textarea" contenteditable="true" placeholder="请输入内容..."></div>
</body>
</html>