css - 使用 CSS3 调整 HTML 元素的大小

Question

我正在使用 CSS3 resizable 属性来调整 HTML Div 元素的大小。

这是示例代码：http: //jsfiddle.net/blunderboy/nMTm9/1/

但是，我想在 div 的宽度发生变化后立即更新输入元素内的值。我们怎样才能做到这一点？

Answer 1

使用 setInterval，您可以这样做：

http://jsfiddle.net/nMTm9/3/

它并不完美，但效果很好。

var input = $('input'), div = $('#resizable');
function calculate(){
    input.val(div.width()+"px");
}
setInterval(calculate,500);​

Answer 2

不，CSS 不能改变 input 的 value 属性，或者任何元素的任何属性。

按样式关闭更改内容是，如果您将内容放在输入字段中或擦除内容输入字段，则标签由 css 更改。

在此处输入链接描述