向容器中添加文本,以便在容器调整大小时填充它
Add text to container to fill it as it resizes
假设我有一个div,宽度为200px
,高度为50px
,并且文本内容为"Hello, World!",适合div,从上到下,从边到边。我使用jQuery UI Resizable来扩展这个div。我想在div展开时向其添加文本。如果div被调整为400px
宽,内容将是"Hello World!"
一些开始的示例代码:
<div class="resize-me" style="height: 50px; width: 200px;">
Hello, World!
</div>
$(".resize-me").resizable({
resize: function(event, ui){
// Logic here to dynamically add/remove/show/hide text as the div
// is resized
}
});
如何将overflow:hidden
留在css中并根据宽度缩放?
<div class="resize-me" style="height: 50px; width: 200px; overflow:hidden;">
Hello, World!
</div>
$(".resize-me").resizable({
resize: function(event, ui){
$(this).text(ui.size.width*"Hello World!");
}
});
相关文章:
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 调整窗口大小时,可拖动的对象会出现在容器外部
- 调整屏幕大小时更改属性值
- 如何在调整浏览器大小时将图像保持在适当位置
- 加载/调整大小时未切换图像数据标记
- 可以在调整窗口大小时重新调整stellar.js的元素偏移量
- 为移动设备调整页面大小时,引导模式会向下移动页面
- 可滚动元素,如何在调整大小时更改顶部偏移量
- 调整UIWebview的大小'更改其字体大小时的边框
- 如何获得一个进度元素,它被设置为在窗口调整大小时调整大小
- 在调整窗口大小时刷新浏览器(仅在展开或放大时)
- 调整父元素大小时,文本会移动
- 调整大小时移动在高图表上呈现的图像
- 根据窗口宽度修剪字符串,调整大小时出现问题
- jquery在调整大小时响应不起作用
- ExtJS 4-在调整窗口大小时,溢出的工具栏会失去控制器
- 如何在窗口调整大小时调整iframe的大小
- Css-是否可以在调整屏幕大小时使元素移动,以使其适合屏幕
- 调整浏览器大小时文本上的CSS省略号
- 画布FPS在调整屏幕大小时发生变化-Javascript