javascript - 输入框如何自动伸缩及换行？
请问各位大神怎么实现这个效果， 输入长度变长时 自动伸缩输入框，超出行宽时自动换行
共有1个答案
找到了一个方案，主要依靠 div的。contenteditable="true"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>自动变长输入框</title>
<link rel="stylesheet" href="styles.css">
</head>
<style>
.input-container {
width: 200px;
}
.auto-expand {
display: inline;
word-break: break-all;
word-wrap: break-word;
border: 1px solid black;
}
</style>
<body>
<div class="input-container">
你好，
<div class="auto-expand" contenteditable="true">111</div>
请下午来开会
</div>
</body>
</html>
-
请问各位大神怎么实现这个效果， 输入长度变长时 自动伸缩输入框，超出行宽时自动换行
-
请问各位大神怎么实现这个效果， 输入长度变长时 自动伸缩输入框，超出行宽时自动换行
-
问题内容： 使用flexbox时遇到问题。 我正在使用容器，因此我的内部项目实际上可以放在多列中。 问题是浏览器仍将容器的宽度计算 为内部项目宽度的总和 ！ 我的容器块应具有较小的宽度（基于内容大小），但实际上很大。 无论如何，使用列而不是行时以这种方式计算容器的宽度也是非常不自然的。 看看我的代码中的绿色块。它具有巨大的优势，但事实并非如此。另外，当您从容器中取出物品时，它会变小。 我期望容器的
-
问题内容： 在所有ECS教程中，您需要创建一个集群，然后创建一个自动伸缩组，该集群将生成实例。在所有这些教程中，实例都以某种方式神奇地显示在群集中，但是没有人提示是什么将自动扩展组和群集连接在一起。 我的自动伸缩组会按预期生成实例，但是它们不会出现在保存我的docker定义的ecs集群上。 我缺少的连接在哪里？ 问题答案： 好吧，我发现了。有关ecs- agent及其配置文件/etc/ecs/ec
-
伸缩是对该应用所启动的pods数量进行一个控制。 同样进入应用的详情页页，在右上角找到“伸缩”按钮并点开。 在弹出来的对话框中选择启动的POD数量，如下图： 提交之后若数量大于之前的数量，则会启动缺少的POD数量，若小于之前的值，将会逐步减少应用的POD。 目前给的最大值是8个pod，资源可使用的内存是16G，若您的应用超过我们所设定的最大值。想办法优化吧，64核128G内存都不够用，这种级别的应