Question

我有以下代码：

＆＃13;

#test {
    height: 100px; 
    width: 100px;
    padding:5px;
    border: 1px solid blue;
}

＆＃13;

<div id="test">
Lorem Ipsum
</div>

＆＃13;

是否存在使用<div>实现此功能的任何功能？用户可以编辑高度，width类似于textarea但<div>

Answer 1

使用moar jQuery UI可调整大小的插件：

在您的网站中加入jQuery (min.js, UI.js, UI.css)并使用.resizable()功能。
jQuery UI Resizable插件使所选元素可调整大小（意味着它们具有可拖动的调整大小句柄）。您可以指定一个或多个手柄以及最小和最大宽度和高度。

$(function() {
  $("#test").resizable();
});

#test {
  height: 100px;
  width: 100px;
  padding: 5px;
  border: 1px solid blue;
}

<script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js></script><link href=//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css rel=stylesheet><script src=https://code.jquery.com/ui/1.12.1/jquery-ui.js></script>

<div id="test">
  Some Text
</div>

用户可调整大小的div - 是否可以拖放调整大小div？

1 个答案: