IE下textarea中font

日期:2021-03-08 类型:科技新闻 

关键词:在线抠图,稿定抠图,在线抠图透明图片,可以抠图的软件,凡科制图

在IE下,大家写1个固定不动高宽比和宽度的textarea,给1个select,能够挑选字体样式尺寸并功效于textarea。

在非IE访问器下,textarea初始字号为18px,将这个textarea中的文本的font-size改成108时是这个模样的:

可是在IE下确是这个模样的:

在网络上找处理方式,但是貌似非常少有人遇到这类状况,因而1个1个组成css去试,最后寻找了1个处理方式,但是致使这类状况的缘故至今不详。

处理方式:

在IE访问器下,在将font-size改成108px以后,将textarea的宽度设为0,随后再设回原先的宽度便可。

我猜想的缘故是在初始的宽度中,将字体样式变得很大,IE访问器对字体样式所占的宽度的测算有bug。

但是将宽度设为0以后,再设为初始宽度,则IE访问器会再次测算1次字体样式的宽度,此时就一切正常了。

实际的javascript编码以下:

拷贝编码
编码以下:

var width = $("textarea").css("width");
$("#txt-area").css("width", "0%");
setTimeout(function () {
$("#txt-area").css("width",<span style="font-family:Arial, Helvetica, sans-serif;">width</span>);
}, 20);

假如这里不延迟时间20秒设回原先的高宽比,也会在一些状况下不成功,实际缘故有待考证。