防止<标签></标签>调整大小
Prevent <label></label> from resizing
我有一个DIV元素,里面有一个<label></label>
和输入文本框。
基本上,我已经在 DIV 元素上启用了 jQuery .ressizeable(),但是当您使 DIV 元素小于当前时,文本框会被推到新行上。
如何强制<label>
永远不会小于设定的大小?
谢谢!
<div id='div1' style='width:300px'>
<label>Test
<input type='text' style='width:100px' id='inputBox'/>
</label>
</div>
$("#div1").resizable({
handles: "e, w, sw, ne, nw, se"
});
给它一个min-width
:
<div id='div1' style='width: 300px; min-width: 300px;'>
或者,最好是:
#div1 {
min-width: 300px;
width: 300px;
}
jQuery UI的可调整大小有一个minWidth属性(文档中的示例):
$( "#resizable" ).resizable({
maxHeight: 250,
maxWidth: 350,
minHeight: 150,
minWidth: 200
});
因此,您可以将 maxWidthProperty 设置为 $("label").width()
。
相关文章:
- 防止在服务器端和用户端的TinyMCE中创建某些标签
- 如何防止 TinyMCE 将 CDATA 添加到<脚本>标签中,并注释掉<样式>标签
- Ace编辑器:如何防止某些标签被P包装
- 防止<标签>标签>调整大小
- 有没有办法防止 xaxis 标签在 flot.js 条形图中重叠
- 我可以防止 angular 在我的 pre 标签中插入换行符吗?
- 如何防止我的<按钮>禁用my:hover的标签
- Openlayers标签:防止将.123显示为0.123
- Select2.js-如何防止显示标签
- 当我们点击链接标签javascript中的跨度时,要防止链接的行为
- 如何防止所有链接(其中有一个span标签)打开
- 防止TinyMCE在标签
- jQuery HTML解析器删除一些标签没有警告,为什么和如何防止它
- 防止默认行为或一个标签点击事件在JavaScript内Ajax调用
- Javascript正则表达式防止标签内部匹配
- 防止点击重定向上的子标签
- 如何防止散列标签链接滚动页面?
- 防止Rickshaw/D3在给定的缩放级别上显示x轴标签
- 在html5视频标签中更改视频时防止停电
- 防止美元.Pjax从移动动态脚本标签到头部部分