How to make lt;divgt; resizeable?(如何制作lt;divgt;可调整大小?)
问题描述
有没有办法让 <div> 容器可以通过拖动 &掉落?
Is there a way to make a <div> container resizeable with drag & drop?
推荐答案
最好的方法是使用 CSS3.它至少被 Webkit 和 Gecko 支持.
The best method would be to use CSS3. It supported by at least Webkit and Gecko.
根据w3c 规范:
div.my_class {
resize:both;
overflow:auto; /* something other than visible */
}
Webkit 和 Firefox 对规范的解释方式不同.在 Webkit 中,大小仅限于设置的宽度和高度.还有一个问题:如何使用 CSS 将元素调整为小于初始尺寸的尺寸? 关于这个.
Webkit and Firefox do not interpret the specs the same way. In Webkit the size is limited to the width and height set. There's another question: How can I use CSS to make an element resizable to a dimension smaller than the initial one? concerning this.
这篇关于如何制作<div>可调整大小?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:如何制作<div>可调整大小?
基础教程推荐
- 在 contenteditable 中精确拖放 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
- npm start 错误与 create-react-app 2022-01-01
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01
- Bootstrap 模态出现在背景下 2022-01-01
- Bokeh Div文本对齐 2022-01-01
- Fabric JS绘制具有活动形状的多边形 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
- 如何添加到目前为止的天数? 2022-01-01
- fetch 是否支持原生多文件上传? 2022-01-01
