textarea在IE是默认有滚动条的,而FF没有滚动条的。
解决方法:
1、用textarea的宽度(widht)和高度(height)来定义textarea的大小;
2、让滚动条自适应:overflow-y:auto。
3、使用js来自适应高度
function setRows() {
var textarea = document.getElementById("content");
var cols = textarea.cols;
var str = textarea.value;
// windows - replace \r\n
// mac - replace just \r
// linux - is just \n
str = str.replace(/\r\n?/, "\n");
var lines = 2;
var chars = 0;
for (i = 0; i < str.length; i++) {
var c = str.charAt(i);
chars++;
if (c == "\n" || chars == cols) {
lines ++;
chars = 0;
}
}
textarea.setAttribute("rows", lines);
textarea.style.height = lines*12 + "px";
}
test textarea
当输入连续字符超出textarea宽度边界时,ie会自动换行,而FF会出现水平滚动条。
解决方法:
1、你可以设 overflow-x:hidden;将超出部分隐藏。
2、使用js,但需考虑手动换行,中英文还有英文单词。
2 Responses
Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.
Continuing the Discussion